Support » Plugin: Recent Posts Widget Extended » controlling font size/style

  • For some reason the widget links are defaulting to a heading font instead of a body font, and then also displaying too small. I have tried making changes to the custom CSS in the widget both with the default styles checked and unchecked. Nothing I change in the widget css changes it. When I go into customizer for the GeneratePress theme, I was able to change the h3 font, which did change the widget, but when I tried to change the size for h3, it did nothing.

    Any ideas?

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Hey @kallard did you manage to get this sorted? i’m also having trouble with this.for some reason the font is too small and have no idea how to change it.

    No, I still have the same problem.

    I think it’s a bug in functions.php.
    edit: wp-content/plugins/recent-posts-widget-extended/includes/functions.php

    Here you’ll find

    <style>
    .rpwe-block ul{list-style:none!important;margin-left:0!important;padding-left:0!important;}.rpwe-block li{border-bottom:1px solid #eee;margin-bottom:10px;padding-bottom:10px;list-style-type: none;}.rpwe-block a{display:inline!important;text-decoration:none;}<strong>.rpwe-block h3{background:none!important;clear:none;margin-bottom:0!important;margin-top:0!important;font-weight:400;font-size:12px<del datetime="2019-05-31T10:34:43+00:00">!important</del>;line-height:1.5em;}</strong>.rpwe-thumb{border:1px solid #EEE!important;box-shadow:none!important;margin:2px 10px 2px 0;padding:3px!important;}.rpwe-summary{font-size:12px;}.rpwe-time{color:#bbb;font-size:11px;}.rpwe-comment{color:#bbb;font-size:11px;padding-left:5px;}.rpwe-alignleft{display:inline;float:left;}.rpwe-alignright{display:inline;float:right;}.rpwe-aligncenter{display:block;margin-left: auto;margin-right: auto;}.rpwe-clearfix:before,.rpwe-clearfix:after{content:"";display:table !important;}.rpwe-clearfix:after{clear:both;}.rpwe-clearfix{zoom:1;}
    </style>
    
    Just remove the marked/crossed-out "!important" - Tag and your custom css should work.
    If you didn't do it already, add the Tags to your custom css (.rpwe-block changes the title, .rpwe-time changes the date):
    
    .rpwe-block h3 {
    	font-size: 16px!important;
    }	
    .rpwe-time {
    	font-size: 16px!important;
    }
    • This reply was modified 7 months, 3 weeks ago by uelee.
    • This reply was modified 7 months, 3 weeks ago by uelee.
    • This reply was modified 7 months, 3 weeks ago by Steve Stern.
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘controlling font size/style’ is closed to new replies.