Make the slider span columns

  • daviddoria

    #3021

    In a two column layout, is there a way to make the slider span both columns, then have the two columns behave as usual, just starting below the slider?

    Josh

    #23068

    Give this post a try and see if it points you in the right direction:

    https://forum.graphene-theme.com/graphene-support/full-width-slider#post-12807

    daviddoria

    #23069

    Hi Josh,

    I did try that – the only thing I didn’t do is use a “child css” – I just added that code to the bottom of style.css through the wordpress Appearance -> Editor page. Is this not ok to do/the same as using a child css? The page is here: http://daviddoria.com/ – you can see that the slider is still only in the first column.

    David

    Josh

    #23070

    Yeah.. don’t do that. It will be erased when you update your theme.

    You should ideally use a child theme:

    https://forum.graphene-theme.com/graphene-support/how-to-modify-the-theme-using-a-child-theme

    But you can also add it in the custom css section of your graphene admin panel. Graphene options -> Display -> Custom CSS

    Try adding this to your child theme or custom css:

    #sidebar1, #sidebar2 {
    margin-top: 317px;
    }
    .two-columns .featured_slider #slider_root {
    width: 930px;
    }
    .two-columns .slider_post {
    width: 890px;
    }
    .featured_slider {
    width: 960px;
    }

    daviddoria

    #23071

    Works like a charm, thanks Josh!

    daviddoria

    #23072

    Oops, maybe I spoke to soon! The home page looks great:

    Home

    but on other pages the right column widgets start too low (as if they were expecting the slider to be there it looks like):

    http://daviddoria.com/?cat=12

    Can this be fixed? I suppose displaying the slider on every page would be ok too if that is possible?

    Mod

    Kenneth John Odle

    #23073

    Try adding .home (with the space) in front of each of those four lines, like this:

    .home #sidebar1, #sidebar2 {
    margin-top: 317px;
    }

    etc.

    daviddoria

    #23074

    Kenneth,

    So close… The non-home pages widgets are now in the right place, but the slider is not full width anymore on the home page: daviddoria.com

    Once we get this working could it be a feature request to do this with the check of a box? It seems like a pretty standard thing to want to do in my opinion.

    Thanks for the help so far!

    Mod

    Kenneth John Odle

    #23075

    You usually have to play around with things to get them to work. So, on second thought, maybe just add .home to the first line. That might be what you are looking for.

    daviddoria

    #23076

    Brilliant – works perfectly. Thanks again.

Viewing 10 posts - 1 through 10 (of 11 total)

You must be logged in to reply to this topic.