Correcting post padding

Activello
1

Hi,

I recently add below CSS to remove two-column post excert:

.blog.home #page article.post {
    width: 100%;
    padding: 0;
}

.blog.home #page article.post .read-more, 
.blog.home #page article.post .entry-footer {
    display: block;
}

.blog.home .page-1 article.post .post-inner-content {
    padding: 0 0 50px;
    margin-bottom: 35px
}

.blog.home .page-1 article.post .post-inner-content {
    border-bottom: 1px solid #dedede;
}

After modified, all post excerpt looks good except for second post, which have more padding at the top.

Please suggest how to correct this. Thanks.

2

Hey there,

Thanks for getting in touch.

Could you please provide a link to the page having this issue, so that I can inspect the css?

Kind Regards,
Support

3

Hi, sure here it is aizulmanan.com

4

You can correct that padding by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Activello Options -> Other -> Custom CSS

.blog.home #page .page-1 article.post:first-child .post-inner-content {
    margin-bottom: 30px;
}

.blog.home #page .page-1 article.post:nth-child(2) .post-inner-content{
    padding-top: 0;
}
5

Hi Movin,

It is fix now, thanks for your support!

6

You are most welcome here :slight_smile: