Slider bar title?

  • toastedone


    is it possible to add a title to the bar above the slider?



    Kenneth John Odle


    You can probably do this using an action hook widget area and controlling its position using custom css.


    Kenneth John Odle


    Yep. Go to Graphene Options >> Advanced Options and in “includes/theme-slider.php” enable a widget area in “graphene_before_slider_root”

    Go to your widgets page, drag a text widget to that widget area, and enter this code:

    <div style="color:#ffffff; padding-left:6px; font-size:14px;font-weight:bold;">
    This is the slider title.

    You will end up with something like this:


    You can adjust the appearance of the above code by adjusting the style= area of the code above.

    If you need more help figuring out Graphene action hook widget areas, see this tut:

    You can adjust the height of that widget area by targeting it specifically. Here’s how:

    Thanks for asking this question: this is seriously cool. Guess what I’m going to adding to my blogs soon.


    Kenneth John Odle



    If you want to avoid using a <div> in a text widget, then add this to your custom CSS or child theme style sheet:

    #graphene-dynamic-widget-graphene_before_slider_root {
    position: relative;
    top: 4px;

    .featured_slider {
    padding-top: 0px;

    That will allow you to control the styling of the title, as well as preserve the height of the top slider bar.



    Thanks kenneth, I tried the first option and it did not seem to work, it just created an empty box under the widget area.


    Kenneth John Odle


    That’s exactly what should happen. Now you can find the text widget on the left side and drag it over there.



    Sorry I still do not follow, I folled your instructions, and created the widget and pasted the code, now when i go to my home page there is just an empty white box at the bottom of the widget area on the right hand side.


    Kenneth John Odle

    it just created an empty box under the widget area.

    Are you making sure to use this Graphene action hook widget area:




    Hi, Yes i am


    Kenneth John Odle


    Try it again and leave it up, and I’ll take a look.

Viewing 10 posts - 1 through 10 (of 15 total)

  • 1
  • 2
  • You must be logged in to reply to this topic.
Graphene Themes Forum