Full width Slider above sidebars

  • zampai



    Thanks for the great graphen theme.

    Would be very nice to have an option that alow the slider to be full-width and above the sidebars.

    I have seen the topic “https://forum.graphene-theme.com/graphene-support/full-size-slider-with-sidebar-below#post-11060” but none of the css I have tested is able to give a well-shaped slider.

    Particularly when the slider is displaying background image + post-abstract, 2 posts are mixed together.

    In addition, as Graphen now alows 3 colones, the slider become really small between the 2 sidebars. For this again, it would be very nice to put the slider above sidebars and full-width.




    For now, this is what I do (if it could help) :

    1- make a child theme

    2- Modify “header.php” in the child theme :

    Move <?php do_action('graphene_top_content'); ?> juste before <div id="content" class="clearfix hfeed"> (so the slider is above main content and sidebars)

    3- custom css (in the theme admin):

    .three-columns .featured_slider #slider_root {
    width: 930px;
    .featured_slider {
    width: 960px;
    .three-columns .slider_post {
    width: 900px;



    I saw your post on the other thread. So, what is it you are trying to do? You want a full width horizontal slider?

    NOTE: Now I realize why I didn’t see it. You should post questions in the “support” section of the forum.



    Yes. And the code I gave does work. But It will be very nice if the “full width horizontal slider” can be an option in graphen admin. Creating a child theme and modify CSS is not really simple for a current user I think. And for now, the stuffs I did, do not work when the slider is configurated ti display background images + excerpt. It seems that CSS are not sufficient to diplay a nice-looking full with slider when “backround image + excerpt” option is cheked.

    sorry for my frenglish



    How about something like this?

    .featured_slider #slider_root {
    width: 888px;
    #sidebar_right {
    margin-top: 240px;
    .slider_post {
    width: 870px;

Viewing 5 posts - 1 through 5 (of 5 total)

  • You must be logged in to reply to this topic.