Slider bar title?

  • toastedone

    #5059

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

    Thanks

    Mod

    Kenneth John Odle

    #30511

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

    Mod

    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:

    5FfSL.png

    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.

    Mod

    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

    #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.

    Mod

    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

    #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.

    Mod

    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:

    QVdmi.png?

    toastedone

    #30518

    Hi, Yes i am

    Mod

    Kenneth John Odle

    #30519

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

Viewing 10 posts - 1 through 10 (of 15 total)
  • You must be logged in to reply to this topic.
Do NOT follow this link or you will be banned from the site!