Different styles for sidebar widgets

  • Perhaps I haven’t got my head around the flexibility of Sidebar Widgets but I’m struggling to understand how to style different widgets.

    In my side bar I have a search box, feeds from three sites, a drop-down archive, random images and so on. I’d like each one to look different but they are all controlled by my style.css ‘sidebar’ attributes and they are all displayed by <?php if ( function_exists('dynamic_sidebar') && dynamic_sidebar() ) : else : ?>. Because of this I can’t make my search bar sit in a blue box, make my first feed display five bulleted headlines and my second feed show a non-list of headlines simply divided by a pipe (|) or comma.

    Should I be hard-coding each element individually and scrapping Sidebar Widgets? If so as an example could someone show me how I hard code a feed displaying only the latest three headlines in a non list way? EG:

    Headline one | Here is headline two | And here is headline three

    Thanks to anyone who can help me battle this hurdle.

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

  • I’m facing this exact same problem, did you find a solution for it? Anyone else out there got any pointers for us?

    cheers
    Jim

    you can do all this with CSS. check the HTML – each widget will have an ID or a class you can use to select and style it in CSS. even the horizontal list with pipe separator is possible in modern browsers using the :first-child pseudo-selector to make the first item not start with a pipe

    thank you thank you thank you!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Different styles for sidebar widgets’ is closed to new replies.