Styling question for blogs

Ianludick · April 2023

Is it possible to have the following read more button on 'related blogs'

added to the blog landing page blogs, so we replace the read more text with the button from 'related blogs'

We have looked through all of Betheme options and on the blog page itself and saw no option to change the read more text into the related blogs button

Phil · April 2023

Hi,

It can be styled with a custom CSS code.

If you send me a link to your website, I can help you write that.

Best regards

Ianludick · April 2023

https://nwafiresolutions.co.za/

thats the website link please do assist 🙏

Phil · April 2023

Please try the following CSS code:

.blog_wrapper .post .post-desc .post-links{
 color: #fff!important;
 background: #e13d1c;
 padding: 12px 20px!important;
}
.blog_wrapper .post .post-desc .post-links .post-more{
   color: #fff!important;
}

Put it in Betheme -> Theme options -> Custom CSS & JS -> CSS.

Thanks

Ianludick · April 2023

That looks great thank you very much!

is it possible to left-align the button I tried changing the padding but that just changed the size of the button itself

also tried adding

align-items: left;

align-content: left;

but this also didn't work

Phil · April 2023

Please add the following line: float: left; to the code, I have sent you.

Best regards

Ianludick · April 2023

Thank you so much, i know ts not a real button but it looks like one so that's fine, appreciate the assistance

Phil · April 2023

Always happy to help. 🙂

If you have any other questions or problems, feel free to ask.

Best regards

Styling question for blogs

Comments