WordPress.org

Ready to get started?Download WordPress

Forums

StrapVert
[resolved] how to reduce font size (9 posts)

  1. emkay82
    Member
    Posted 6 months ago #

    What a great theme you've got! Please I'd like to know how to reduce font size in stapvert theme

  2. kaniamea
    Member
    Posted 6 months ago #

    Hi Emkay82,
    to reduce the font size you can add the following code in your Custom CSS plugin:

    body {
    
        font-size: 12px; // or the size you wish
    }

    To reduce the size of the titles you can also add in your Custom CSS:

    h1 {
      font-size: 20.5px;
    }
    
    .entry-title {
        font-size: 20.5px;
    }
  3. emkay82
    Member
    Posted 6 months ago #

    Thanks for the help Kaniamea, really appreciate it, will place that in my jetpack custom CSS and let you know if anything goes wrong or right.

  4. Zulfikar Nore
    Member
    Theme Author

    Posted 6 months ago #

    @emkay82

    Do you still need assistance with this issue?

  5. emkay82
    Member
    Posted 6 months ago #

    Yes please, I have a child theme activated and also use a jetpack, will like to know if placing the code in jetpack's custom CSS will work or will I need to use it in the child theme editor, and please which is better?

  6. emkay82
    Member
    Posted 6 months ago #

    Thank you in anticipation.

  7. Zulfikar Nore
    Member
    Theme Author

    Posted 6 months ago #

    Here you go.

    Site title use

    h1.site-title{
       font-size: 30.5px; /* Change this value to suite your needs*/
    }

    For main featured post and the blog feed posts use

    .entry-title {
        font-size: 30.5px; /* Change this value to suite your needs*/
    }

    For the secondary featured posts use

    .featured-content-secondary .entry-title {
        font-size: 20px; /* Change this value to suite your needs*/
    }

    For widget titles use

    .widget-title {
        font-size: 22.5px; /* Change this value to suite your needs*/
    }

    For normal text use

    body {
       font-size: 14px; /* Change this value to suite your needs*/
    }

    Not tried them in JetPack or a CSS plugin but they should work there too. As there's a bit of code to play with I recommend placing them in the child theme's style.css.

    Let me know how that works out and if there's anything else I can help with.

    Regards,
    Zulf

  8. emkay82
    Member
    Posted 6 months ago #

    Thank you so much Zulf, just what I have been looking for... #strapvert, Great theme you've got!

  9. Zulfikar Nore
    Member
    Theme Author

    Posted 6 months ago #

    You are most welcome emkay82 :)

    Closing thread as resolved but if there's anything else you need assistance with please feel free to open a new thread.

    Regards,
    Zulf

Reply

You must log in to post.

About this Theme

About this Topic

Tags