WordPress.org

Ready to get started?Download WordPress

Forums

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

  1. dormaj
    Member
    Posted 11 months 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 11 months 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 11 months 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 11 months 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.

Reply

You must log in to post.

About this Theme

About this Topic