WordPress.org

Support

Support » Themes and Templates » Customizr » reduce font size on recent posts sidebar widgets

reduce font size on recent posts sidebar widgets

Viewing 3 replies - 1 through 3 (of 3 total)
  • 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.

    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>

    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.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘reduce font size on recent posts sidebar widgets’ is closed to new replies.
Skip to toolbar