WordPress.org

Forums

Customizr
reduce font size on recent posts sidebar widgets (4 posts)

  1. dormaj
    Member
    Posted 1 year ago #

    Is there some CSS code I can add to shrink the font size for the 'recent posts' or 'recent comments' sidebar widgets? And also the widget headers?

    Ref: right sidebar @ http://goodeatscafe.net/welcome-to-the-new/

    Thank you!

  2. Kacomp
    Member
    Posted 1 year ago #

    Hi
    Try this CSS for your widget headers

    .widget h3:before {
    font-size: 1em !important;
    }

    And for text inside your widget

    .widget li {
    font-size: 10px;
    }

    See if that helps. Best of luck.
    Karen.

  3. dormaj
    Member
    Posted 1 year ago #

    That works great for the text inside the widget (10px) but the widget header font size didn't change. When I inspect the header, this is what I am told:

    <h3 class="widget-title">Upcoming Events</h3>

    and

    media="all"
    h1, h2, h3, h4, h5, h6, p {
    -moz-transition: font-size 0.5s ease-in-out, left 0.7s ease-in-out, right 0.7s ease-in-out;
    -webkit-transition: font-size 0.5s ease-in-out, left 0.7s ease-in-out, right 0.7s ease-in-out;
    -o-transition: font-size 0.5s ease-in-out, left 0.7s ease-in-out, right 0.7s ease-in-out;
    transition: font-size 0.5s ease-in-out, left 0.7s ease-in-out, right 0.7s ease-in-out;
    }
    goodeatscafe.net/media="all"
    h3 {
    font-size: 24.5px;
    }
    goodeatscafe.net/media="all"
    h1, h2, h3 {
    line-height: 40px;
    }

    <h3 class="widget-title">Upcoming Events</h3>

  4. tomaja
    Member
    Posted 1 year ago #

    try to add

    h3 .widget-title {
    font-size: 12px;
    }

    in custom.css or in custom css field and see if this helps
    This will change all h3 widget titles.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic