WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] How to set different font in content & widget areas (6 posts)

  1. morality28
    Member
    Posted 3 years 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:

    http://maycourtstcatharines.ca/wp/

    Thanks!

  2. richarduk
    Member
    Posted 3 years ago #

    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;}
  3. morality28
    Member
    Posted 3 years ago #

    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: http://www.maycourtstcatharines.ca/wp

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

    Thanks for looking!

  4. richarduk
    Member
    Posted 3 years ago #

    .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

  5. morality28
    Member
    Posted 3 years ago #

    Thank you richarduk....worked perfectly!

  6. richarduk
    Member
    Posted 3 years ago #

    :-)

Topic Closed

This topic has been closed to new replies.

About this Topic