Support » Plugin: Single Latest Posts Lite » Making text smaller via CSS?

  • Resolved slimjim414

    (@slimjim414)


    I apologize if this has already been answered (and that it is such a beginner question!) I installed the plugin and it works great, however the title text is enormous (I’m assuming that’s due to my theme) and it causes the formatting for the page to mess up. Is there a simple way to make the title text smaller so that it fits better on the page? Thanks!

    Link to my page:
    Norway to Nowhere

    https://wordpress.org/plugins/single-latest-posts-lite/

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Jose Luis SAYAGO

    (@iluminatus)

    Hello @slimjim414,

    Indeed that’s because your current theme includes this rule:

    .entry-content-wrapper h3 {
       font-size: 2.8em;
    }

    You could include your own custom stylesheet for Single Latest Posts to override the h3 tags for titles, I’ve made this for you, just download this file: slposts-postTitle_medium.css

    Save the file in your active WordPress theme folder (where style.css is found). Then set the plugin to use this file instead of the default one:

    // Shortcodes
    [slposts css_style=slposts-postTitle_medium ...other parameters...]
    
    // Widget
    Set the parameter CSS Style to slposts-postTitle_medium

    Please note the .css file extension was intentionally omitted because it is automatically included by the plugin.

    Using this custom style titles should look like this: screenshot.

    If you want to know what I did, just look at the end of the CSS file, I added this rule:

    /*\
     * =========================
     * |                       |
     * | ++ Medium Titles ++   |
     * |                       |
     * =========================
    \*/
    .slposts-ulist-title,
    .slposts-olist-title,
    .slposts-block-title {
      font-size: medium !important;
    }
    /*\
     * =========================
     * |                       |
     * | -- Medium Titles --   |
     * |                       |
     * =========================
    \*/

    Of course if you want to tweak other things to better suit your theme, just edit the appropriate rules.

    I hope this helps.

    Cheers,
    José Luis.

    slimjim414

    (@slimjim414)

    Perfect, thanks! Rather than downloading the css file and trying to upload it, I just copied your css code into the style.css sheet included in the theme, and it worked! Thanks again for your very thorough help!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Making text smaller via CSS?’ is closed to new replies.