How to set different font in content & widget areas

  • Resolved morality28

    (@morality28)


    14 years, 5 months ago

    Hi – I have a site and the font size and color of my widget text is controlled by the same elements as the main content font size, etc. I would like to increase the font size of the text in the widget content. Is there a simple way to do this?

    Here’s my site to see what I’m talking about:

    https://maycourtstcatharines.ca/wp/

    Thanks!

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

  • It looks like your widgets are in the div widget-area.

    To change font styling for p and li you’d do somthing like this:

    div.widget-area p {font-size:12px;color:black;}
div.widget-area li {font-size:12px;color:black;}
    Thread Starter morality28

    (@morality28)

    Thanks richarduk! That totally worked….but now I have another problem. The text is touching my right border and I’ve tried adding margins or padding everywhere and can’t fix it. Here’s my code that I’ve added to my theme’s advanced options where I can override things:

    .widget-title {background-color: #feb9e6; border-bottom: 2px solid #116033; font-variant: small-caps; padding: 3px; margin-bottom: 4px;}
.widget-container {border: 3px solid #116033; background-color: #ECFFEB;}
.widget-area p {font-size: 14px; color: #0C2617; text-align: justify;}
.widget-area li {font-size: 16px;}
.widget-area li a:link {color: blue;}
.widget-area li a:visited {color: purple;}

    Site has been updated: https://www.maycourtstcatharines.ca/wp

    And also is anyone knows how to center the slideshow in the secondary widget area.

    Thanks for looking!

    .slideshow-widget {position:relative;width:200px;margin-left:10px;}
li.cat-post-item {position:relative;margin-right:10px;}

    The slideshow one would ideally be margin-left:auto and margin-right:auto but as that doesn’t work just change the 10px to what looks right for you

    Thread Starter morality28

    (@morality28)

    Thank you richarduk….worked perfectly!

    ??

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘How to set different font in content & widget areas’ is closed to new replies.