Change individual widget appearance

  • crashprojects

    (@crashprojects)


    14 years, 10 months ago

    This is a version of what I’m currently working on:

    http://stage.brazilstation.com

    You’ll notice two sidebars replete with widgets. I want to change the appearance of the background and text colors in each individual widget.

    I’ve tried to figure this out for quite a while and nothing I’ve found is helping.

    Thanks for reading.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Michael

    (@alchymyth)

    14 years, 10 months ago

    each widget has a unique css id; which you can use to style the background etc.

    you can find the css id by looking into your site’s html code in the browser:

    ‘view’ ‘view source’ in the browser tool bar.

    or by using a tool such as firebug or the firefox web developer add-on.

    for instance, for the top left widget you’ll see:
    <li id="my_calendar_upcoming_widget-3" class="widgetcontainer wi...

    which means that it has the css id:
    #my_calendar_upcoming_widget-3

    which you can use in style.css; for example:

    #my_calendar_upcoming_widget-3.widgetcontainer { background: #123efd; }

    Thread Starter crashprojects

    (@crashprojects)

    14 years, 10 months ago

    I’m using thematic and my style.css simply links to other stylesheets. I’m left to assume this css id should be in the linked “default.css” sheet but alas, it is not.

    Is there any other place I’d find this css id?

    Thread Starter crashprojects

    (@crashprojects)

    14 years, 10 months ago

    There’s also a stylesheet called “classic” that has widget information in it but no mention of this calendar id.

    Michael

    (@alchymyth)

    14 years, 10 months ago

    the styles do not yet exist in the stylesheets, you need to add them new;

    which stylesheet you use for custom styles depends on the theme.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Change individual widget appearance’ is closed to new replies.

Tags