Hot to change the Title font style for particular widgets?

  • dreamgrowers

    (@dreamgrowers)


    13 years, 3 months ago

    My question is how to change the font style for a particular widget?

    For example, if I want

    1) Recent Posts to be Arial & Italics
    2) Archives to be Times Bold
    3) Categories to be Helvetica

    If that’s in the CSS, what would the code addition look like?

    Many Thanks, Happy New Year!

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

    (@mattytemple)

    13 years, 3 months ago

    WordPress gives each widget an id for example “instance-text-9” is a text widget on my site.

    As long as you don’t change your widgets a lot, adding rules like the following to your style sheet would do the trick.
    #instance-text-9 {font:italic arial,sans-serif;}

    Just change “instance-text-9” to whatever id your widget is using.

    Thread Starter dreamgrowers

    (@dreamgrowers)

    13 years, 3 months ago

    Thanks Mattytemple.

    How would I find our the widget id for each…and which stylesheet?

    mattytemple

    (@mattytemple)

    13 years, 3 months ago

    The way I do it is to right click and view source on the website and look for something like the following with my with my previous example of a text box.
    <div class="block-widget_text clear-block" id="instance-text-9">

    Searching the code for ‘widget’ will get you to the right place to start looking. Or if you use Safari or Chrome right click on the widget on the site and select ‘Inspect Element’ this will take you to the place in the code and show you any current rules the area has inherited.

    Put the style rules in your themes main style sheet, normally style.css and the nearer the bottom the better.

    jodalawa45

    (@jodalawa45)

    13 years, 3 months ago

    I am new to WP creation and kind of struggling

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Hot to change the Title font style for particular widgets?’ is closed to new replies.