Add clickable social media icons to sidebar widget header

  • tdonatello

    #5528

    Is this possible? Here is my site: http://www.diamond-derby.com

    You’ll notice I used the theme’s action hook widget to place icons on top of the header image. What if we wanted to move those ribbons so they overhang the sidebar widget headers where it currently says “CCDD on Facebook” and “CCDD on Tumblr”? So that there is still text in the header which says “CCDD on” but the words Facebook and Tumblr are replaced by the icons?

    Thanks in advance for your assistance!

    Cheers,

    Todd

    Mod

    Kenneth John Odle

    #32067

    Using Firebug, you can identify that widget’s unique ID and then target its <h3> tag with a background image. Something like this:

    #specific-widget-ID h3 {
    background-image: url(path to image url);
    }

    Then, edit the widget to take out the title text. You may have to adjust the image’s position with css.

    Not tested. Your mileage may vary.

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

You must be logged in to reply to this topic.