canvas slider: change slider size?

Home Pootlepress Academy Support Forums Academy Support Forum WordPress themes canvas slider: change slider size?

Viewing 19 posts - 1 through 19 (of 19 total)
  • Author
    Posts
  • #9622
    Isabelle
    Participant

    Hi,
    I want a slider on my homepage (a static page). I’ve followed your tutorial on How to add sliders to specific pages. I’ve got it working buy it’s going the full width of my site (1000px) when I only want it 700×225.
    Is there a tweak for this somewhere?
    Or will I need to find another way of adding a slider to my homepage?
    Thanks,
    Isabelle

    #9660
    Isabelle
    Participant

    Hi there,
    Has anyone got any ideas on this? I’ve been searching and searching….
    thanks!
    Isabelle

    #9662
    Jamie Marsland
    Keymaster

    Hi Isabelle,

    Have you tried wooslider? With this you could put a slider into a page with a sidebar and the slider wouldn’t be full width. i.e it will give you a bit more flexibility.

    Jamie

    #9672
    Isabelle
    Participant

    Hi Jamie,
    Thanks for getting back to me.
    I see that I have to purchase Wooslider – before doing so can you confirm that it will work next to Woosidebars? What I’m trying to recreate is a logo at the top of the page, Nav underneath it, slider and sidebar under that (adjacent to each other).
    I have an image but can’t seem to attach to this message.

    thanks,
    Isabelle

    #9683
    Jamie Marsland
    Keymaster

    Hi Isabelle,

    Yes it works :)

    His a little demo i set up so you can see it in action http://www.bonkyboo.co.uk/

    Jamie

    #9687
    Isabelle
    Participant

    Thanks Jamie,
    That’s worked except it won’t align with woosidebar – I’ve tried umpteen bits of css but no success! The slider is lower that the sidebar.
    Your example aligns nicely. There must be a way, just can’t find it…
    Isabelle

    #9688
    Jamie Marsland
    Keymaster

    Hi,

    Have you tried removing the page title from the home page.

    Add this to your custom.css file

    .home .title {

    display:none;

    }

    #9689
    Isabelle
    Participant

    Nope – that doesn’t work either I’m afraid.
    I had already added
    #navigation {
    margin-bottom: 1.5em;
    }
    so that there was less space between the sidebar and nav but i’m positive this isn’t effecting the slider because when I remove it the slider and sidebar are still not aligned :-(

    #9690
    Jamie Marsland
    Keymaster

    Hi,

    Can you share a link to the website you are working on?

    Jamie

    #9691
    Isabelle
    Participant
    #9692
    Jamie Marsland
    Keymaster

    Can you try removing the existing widget and adding another one in it’s place. There may be some code in the widget causing the problem.

    #9693
    Isabelle
    Participant

    I’m not sure what you mean – if I remove it, I’d have to replace it with the same thing.
    This is the code for it at present:

    this is the homepage sidebar
    unbiased-award-logo

    #9694
    Isabelle
    Participant

    oops – perhaps that didn’t come out as code for you:

    this is the homepage sidebar
    <a href="http://www.rwafinance.co.uk/welcome/wp-content/uploads/2013/10/unbiased-award-logo.jpg"><img class="size-full wp-image-27 aligncenter" alt="unbiased-award-logo" src="http://www.rwafinance.co.uk/welcome/wp-content/uploads/2013/10/unbiased-award-logo.jpg" width="211" height="130" /></a>
    #9695
    Jamie Marsland
    Keymaster

    Yes, could you remove it and add a search widget and see if that lines up :)

    #9696
    Isabelle
    Participant

    Same problem I’m afraid.

    #9698
    Jamie Marsland
    Keymaster

    Ok, hmmm, could you email me your login details and I will take a quick look for you. Email is @pootlepress.co.uk">jamie@pootlepress.co.uk

    Jamie

    #9700
    Isabelle
    Participant

    Ok I found a solution.

    I had put this into custom.css in order to position my sidebar widget correctly under my Nav:
    #navigation {
    margin-bottom: 0;
    }

    but this was pushing the wooslider down too much so that the slider and widget were not aligned. What I have now done is:
    #navigation {
    margin-bottom: 0;
    }
    followed by:
    .widget {
    margin-top: 22px;
    }
    which somehow seems to have worked….
    Part of the problem is I didn’t know what how to refer to the sidebar in the css (I tried ‘woosidebar’ and ‘sidebar’ but hadn’t thought of ‘widget’!

    #9701
    Isabelle
    Participant

    but now when I add content below the slider it makes the slider drop again – how can that be!??

    #9702
    Isabelle
    Participant

    Using Firebug I can see that it’s a <p> tag around the slider that’s the problem.
    Is there a nifty css trick to fix this please? :-(

Viewing 19 posts - 1 through 19 (of 19 total)
  • You must be logged in to reply to this topic.
Scroll to Top