[zampai]

zampai

#2364

Hello,

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.

THX

[zampai]

zampai

#19965

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;

}

[Anonymous]

Anonymous

#19966

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.

[zampai]

zampai

#19967

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

[Anonymous]

Anonymous

#19968

How about something like this?

.featured_slider #slider_root {

width: 888px;

}

#sidebar_right {

margin-top: 240px;

}

.slider_post {

width: 870px;

}