Site logo

Archived topic

How I change the feature of the Blog home page differently?

7 replies · Started by Jude on July 19, 2019

Viewing posts 1–8 of 8

I want to style the features of the Blog homepage separately. I would be delighted if you can also provide me with the CSS to do so.

I want to

1. Adjust the font excerpt on the blog homepage (font style, size and colour)
2. Control the padding separately.
3. adjust the Read more button location and colour.
here is a sample picture of what I would love to achieve http://prntscr.com/ohgvtq

Hi there,

1. Try this CSS:

.entry-summary p {
    color: #000000;
}

2. Are you referring to the padding around each post or the padding around the entire content container?

Can you link me to the site in question?

You can edit the original topic and use the private URL field.

3. That should basically be the default. Can you link me to the site so I can see your current set up?

I am editing from the back end. I will make the site live when I am done with the editing.

once the site if live, I will share the url. Thank you

Sounds good. Just comment here again once it's live.

Hello Leo.

The site is now live. I would love to take out some of the space as I marked in the picture here
http://prntscr.com/ohvrzw

This should only affect the blog homepage and not the single post area. Thank you.

I have included the URL to the blog

Try this CSS:

.blog.separate-containers .inside-article, .archive.separate-containers .inside-article {
    padding-top: 10px;
    padding-bottom: 10px;
}

resolved. Thank you

No problem :)

This archived topic is closed to new replies.