We're merging with GenerateBlocks! Learn more here.

[Resolved] Increase font of Read More button

Please login to receive premium support.

Support for the free plugin can be found here.

Home Forums Pro Support Increase font of Read More button

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #36877
    Michelle
    Participant

    I’d like to increase the size of the font for my “Read More” button. Not sure how to do this with CSS.

    https://www.thedailyreach.com

    • This topic was modified 5 months, 3 weeks ago by Michelle. Reason: I added the site I need help with
    #36880
    Fernando
    Participant

    Hi Michelle,

    Here is a CSS you may try adding in Appearance > Customize > Additional CSS:

    a.wp-show-posts-read-more {
        font-size: 16px;
    }

    Hope this clarifies. Kindly let us know how it goes. ๐Ÿ™‚

    #36886
    Michelle
    Participant

    That should have worked, but didn’t, I think because the button is styled with other CSS. I should have mentioned that, sorry. I didn’t think about it until now.

    #36888
    Fernando
    Participant

    The code seems to work on my end: https://share.getcloudapp.com/DOu4r96R

    Upon checking, there is a syntax error in your Additional CSS:

    Specifically, add a closing bracket- } after this code:

    body a.novashare-ctt .novashare-ctt-cta {
                     float: none !important;

    Kindly let us know how it goes. ๐Ÿ™‚

    #36895
    Michelle
    Participant

    Thanks for that.

    I’d like to reduce the button size as well.

    #36897
    Michelle
    Participant

    Thanks!

    #36899
    Fernando
    Participant

    The read more button in your site seems to be not a WPSP read more button anymore.

    If thatโ€™s the case, with your current structure, you would need this CSS instead to alter the size and font-size:

    p.read-more-button-container a {
        padding: 5px 10px;
        font-size: 12px;
    }

    The padding changes the size of the button. The first value is for top and bottom padding, whereas the second value is for left and right padding. Kindly change the values to what suits you best.

    Hope this helps! ๐Ÿ™‚

    #36902
    Michelle
    Participant

    That looks so much better! I’m happy with that.

    #36904
    Fernando
    Participant

    Glad that worked Michelle! As always, feel free to reach out anytime youโ€™ll need assistance with anything else. ๐Ÿ™‚

Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.