How to remove top & bottom bars from the slider box …

  • Dhurander



    First of all, my hearty congratulations on creating a beautiful theme. Appreciate all your hard work.

    Have started using your theme and have few questions,

    1. By default, on the slider box, currently we have top and bottom (blue) bars. Temporarily I have removed them by setting their color to same as background color. Ideally I would like to remove them properly to save some screen space. Is it possible?

    2. Is it possible to show a thin black border around the slider box?

    Thanks and appreciate all your hard work.




    Add this to your child theme’s style sheet or in Graphene Options –> Display –> Custom CSS. (Don’t hack the parent theme’s style sheet)

    .featured_slider {
    background: none ;
    margin-top: -10px;

    Please include the URL of your site while asking questions.



    Thanks Prasanna for the quick response.

    I added the code in the Custom CSS section and it did the trick (no top and bottom bars).

    Is it possible to show a thin black border around slider box (as in

    My website is





    Hi Prasanna,

    One more thing I noticed, on my site ( tops of the slider and the top-right wideget are not aligned. Is it possible the fix this? On Graphene’s demo site they are aligned perfectly.





    Do you want your slider to be moved up? Or would you prefer your sidebar to be moved down?



    Move the slider up.

    Thanks Josh.




    For the box shadow around the slider, try adding this to your custom css:

    .featured_slider #slider_root {
    box-shadow: 0 0 5px #555555;



    Put -25px instead of -10 px top margin



    Awesome Prasanna!

    Both the suggestions worked like magic. I am back in business.

    I have added CSS to my “Things to learn” list 🙂

    Thanks Prasanna & Josh for helping me out. You guys are great.


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

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