Adding padding on a 3 column news section

[hyperdrive_boom]

Good afternoon,

I have styled up the news page, however I would like gaps between each of the new pieces:

as you can see currently they look stuck together. What CSS do I need to insert?

Thank you!
Jason

[ruenel]

Hello Jason,

Thanks for writing in!

Please be advised that you can no longer add a padding because you already did. You use this code:

.blog .x-iso-container>.hentry {
    border: 6px solid #23257c;
    padding: 25px;
    background-color: #47ceac;
    background-image: url(https://voiceoverprofiles.com/wp-content/uploads/2020/01/Passport-Background.png);
    border-radius: 16px;
    box-shadow: 0 0.125em 0.275em 0 rgba(0,0,0,0);
    padding-bottom: 15px;
}

Actually the padding is what sets the items apart. You may need to recode your custom css and add the background image differently. You may need to update it and use this code instead:

.blog .x-iso-container>.hentry .entry-featured {
    border: 6px solid #23257c;
    border-bottom: none;
    background-color: #47ceac;
    background-image: url(https://voiceoverprofiles.com/wp-content/uploads/2020/01/Passport-Background.png);
    border-radius: 16px 16px 0 0;
    box-shadow: 0 0.125em 0.275em 0 rgba(0,0,0,0);
    padding-bottom: 0;
}

.blog .x-iso-container>.hentry .entry-wrap {
    border: 6px solid #23257c;
    border-top: none;
    background-color: #47ceac;
    background-image: url(https://voiceoverprofiles.com/wp-content/uploads/2020/01/Passport-Background.png);
    border-radius: 0 0 16px 16px;
    box-shadow: 0 0.125em 0.275em 0 rgba(0,0,0,0);
    padding: 25px;
    padding-bottom: 0;
}

We would love to know if this has worked for you. Thank you.

[hyperdrive_boom]

Thank you for this and yes now you have explained this makes sense. I have updated and now it looks just how I wanted it to

Jason

[friech]

We are delighted to assist you with this.

Cheers!