Widget change individually

Home Forums Automattic Funki Widget change individually

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #108416 Resolve

    Steve Holmes

    Hi,
    Is it possible to change each widget individually?
    ie.
    1. the colour of the background of the title box (ours are all black) ?
    2. the colour of the title (ours are all white) ?
    3. the font to italics ? (just maybe one or two that we want to highlight) ?
    If so, could you please send me the css codes.

    Thanks heaps,
    Claire
    cyclelike.com

    The blog I need help with is cyclelike.com
    #140278

    Kathryn P.
    Happiness Engineer

    Hi there, each widget has the class widget and each widget title has the class widget-title.

    1. the colour of the background of the title box (ours are all black) ?

    This would make the widget title backgrounds a charcoal grey:

    .widget-title {
    background-color: #666666 !important;
    }

    2. the colour of the title (ours are all white)?

    If you wanted to change all the widget titles to light blue, let’s say, you could use:

    .widget-title, .widget-title a {
    color: #b2dfee !important;
    }

    You can adjust the colours to whatever you like, of course. Adding .widget-title a accounts for the widget titles that are clickable links, like the one on the Facebook box.

    3. the font to italics ? (just maybe one or two that we want to highlight) ?

    To do that you’ll need to find the unique ID that applies to the individual widget. You can do that by using this guide to finding CSS selectors or by viewing the page’s source code in your browser.

    For example, the first widget has the unique ID text-3. To make the title for that widget italicized, you would add:

    #text-3 .widget-title {
    font-style: italic;
    }

    #141626

    Kathryn P.
    Happiness Engineer

    Hi there, did you need further help with the questions above, or were you able to get it sorted out? Thanks for letting me know.

    #141776

    Steve Holmes

    Thanks Kathryn all done.

    Cheers,

    Claire

    #141798

    Kathryn P.
    Happiness Engineer

    Great, thanks for letting me know.

    I’m going to close this thread now but feel free to start a new one if you need anything else.

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

The topic ‘Widget change individually’ is closed to new replies.