1

[toastedone]

toastedone

#5059

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

Thanks

[Kenneth John Odle]

Kenneth John Odle

#30511

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

[Kenneth John Odle]

Kenneth John Odle

#30512

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.

</div>

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:

http://blog.kjodle.net/2011/11/04/graphene-action-hook-widgets-an-easy-way-to-modify-your-blog/

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

http://blog.kjodle.net/2012/04/14/target-graphene-action-hook-widgets-by-their-unique-id/

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

[Kenneth John Odle]

Kenneth John Odle

#30513

Update:

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 {

color:#ffffff;

padding-left:6px;

font-size:14px;

font-weight:bold;

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.

[toastedone]

toastedone

#30514

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]

Kenneth John Odle

#30515

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

[toastedone]

toastedone

#30516

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]

Kenneth John Odle

#30517

Quote:

it just created an empty box under the widget area.

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

?

[toastedone]

toastedone

#30518

Hi, Yes i am

[Kenneth John Odle]

Kenneth John Odle

#30519

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