WordPress.org

Forums

Single Latest Posts Lite
[resolved] Making text smaller via CSS? (3 posts)

  1. slimjim414
    Member
    Posted 1 year ago #

    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/

  2. Jose Luis SAYAGO
    Member
    Plugin Author

    Posted 1 year ago #

    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.

  3. slimjim414
    Member
    Posted 1 year ago #

    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!

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Single Latest Posts Lite
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic

Tags

No tags yet.