Increase font of Read More button

This topic has 8 replies, 2 voices, and was last updated 1 year, 5 months ago by Fernando.

Viewing 9 posts - 1 through 9 (of 9 total)

Author

Posts
April 11, 2022 at 3:26 pm #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 1 year, 5 months ago by Michelle. Reason: I added the site I need help with
April 11, 2022 at 5:08 pm #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. 🙂
April 11, 2022 at 7:39 pm #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.

April 11, 2022 at 8:42 pm #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. 🙂
April 12, 2022 at 10:21 am #36895

Michelle
Participant

Thanks for that.

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

April 12, 2022 at 4:06 pm #36897

Michelle
Participant

Thanks!

April 12, 2022 at 5:15 pm #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! 🙂
April 12, 2022 at 7:48 pm #36902

Michelle
Participant

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

April 12, 2022 at 8:41 pm #36904

Fernando
Participant

Glad that worked Michelle! As always, feel free to reach out anytime you’ll need assistance with anything else. 🙂
Author

Posts

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.

[Resolved] Increase font of Read More button