Full sized Graphene Slider

It is possible to have a full-sized Graphene Slider without pushing left of right sidebar downwards. Here I’m gonna tell you how to expand the slider width without affecting anything in the loop.

1^st Step: Disable slider. Yes! disable Graphene slider (Graphene Options-> General –> Slider Options–> Disable Slider.

2^nd Step: Add this code to custom CSS. (“Graphene Options–> Display–> Custom CSS” or to your child theme’s style sheet)

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

3^rd step: Add this code to your child theme’s functions.php file. (If you don’t know about child themes, read this post on How to modify the theme using a child theme)

<?php add_action('graphene_before_content', 'graphene_display_slider'); ?>

Then save file.

Now head back to your homepage and see the full-sized Graphene Slider working.. You can see the implementation of this hack in my test site at – http://test.prasannasp.net/

There could be a better way to meet this without digging into theme functions, probably using Action Hooks widget. But the above method simply works!

If you aren’t using Graphene theme yet, check out this wonderful wordpress theme here – Graphene theme by Syahir Hakim

Follow these topics Blog, Graphene, WordPress

Short Link: