Print this Post

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.

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

2nd 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;

3rd 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

Short Link:

About the author

Prasanna SP

Student | WordPress Dev | Tech Blogger | Interested in GNU/Linux, FOSS, PHP, Drupal, WordPress, Ethical hacking, Photography, Painting, Literature etc..

Permanent link to this article: http://www.prasannasp.net/full-sized-graphene-slider/


  1. Adam

    How can I make this one the easier way using Action hook? I don’t have a child theme yet. Please help. Thanks

  2. cyrusolu

    I got an error when i include the last code: <?php add_action('graphene_before_content', 'graphene_display_slider'); ?>

  3. cyrusolu

    i got it thanks so much for your tutorial

Leave a Reply

Your email address will not be published. Required fields are marked *

Please put your code snippet between <code> and </code>. Comment moderation is in use. Please do not submit your comment twice -- it will appear shortly.

By continuing to use the site, you agree to the use of cookies. more information

The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this.