Remove padding from blog pages

[catinahat]

How can I remove the padding from the blog pages so they align the same way as the main pages of the website? See screenshot:

[ruenel]

Hello @bebang,

Thanks for writing in!

We noticed that you added this custom CSS:

.entry-wrap {
    display: block;
    padding: 80px;
    background-color: transparent;
    box-shadow: none;
    border:none!important;
}

This code also affects the single blog post. You may need to adjust the left and right padding of your blog posts by setting the value to 0. Perhaps this thread can help you:

Entry wrap margin

Hi Alex, To do that, please find this code: .single-post .entry-wrap { padding-top: 0; } to .single-post .entry-wrap { padding-top: 0; padding-left: 10px; padding-right: 10px; } Hope this helps.

On that thread, you can have this sample code so that on the single blog post, there will be no left and right padding. Thus, making the width of the post the same as your navigation.

.single-post .entry-wrap {
    padding-left: 0px;
    padding-right: 0px;
}

Please note that the code provided above serves as a guide only and is to help you in getting started so implementing it and maintaining the code will be out of our support scope and for further maintenance for new possible versions of the theme that may cause the customization to break, you will need to hire a developer.

Best Regards.

[catinahat]

@ruenel

.single-post .entry-wrap {
    padding-left: 0px;
    padding-right: 0px;
}

Perfect. Thank you!

[tristup]

Hi @bebang,

Glad that we are able to help you.

Thanks