Blog Page Background Color

Hi @semamarine,
There is an option to change background color of the page in the customizer. Please go to Customizer > Colors > Background Color from your WP dashboard and change the color value and publish.

If this does not work for you,you can send site URL here, so that i can check in detail.

Thank you.

thank you very much for your reply but it did not work by customizer, could you check the

https://sema-marine.com/en/blog/

I would like to change background-color to same as this page; https://sema-marine.com/en/about-us/ with gradient if possible

thanks in advance

@semamarine,
While inspecting your site, it seems you had change the background color from Elementor Editor, how ever you need to change the background color of Blog page from theme customizer as I asked before.

I also tested in my local environment and it is working fine here. Please try that and let us know again if got problem via https://zakratheme.com/ Chat Support.

Thank you.

@sakarrr
Thank you very much for your reply, the customizer is also worked for me but changed background-color of all other pages as well which caused a bad look on some pages. I just want to change only Blog Page’s background-color if it is possible by page edit?

@semamarine,
Sorry, Zakra does not have an option via page edit or customizer panel to change the background color of the blog page only. However, you can try adding the custom CSS to change the blog page’s background color:

.blog .site-main {
    background-color: #EFF5FF;
}

Further, we are having a discussion with our team to add the feature, so if it’s feasible we’ll provide you with an update. ??

Thank you.

@sakarrr
Thank you very much for the update new and the CSS code, it worked for the blog page but there is a little white gap between header and blog page and also the same gap between the bottom of the blog page and footer, do you have any idea? you can check if you are available to inspect,

https://sema-marine.com/en/blog/

if not thanks for the assistance and effort which is much appreciated already.

kind regards,

Hi @semamarine,

Can you please try adding this custom CSS:

.blog .site-content {
    margin: 0;
}

This should fix the problem. Please let me know if it doesn’t. ??

https://docs.zakratheme.com/en/article/how-to-add-custom-css-1tz5vyt/

Just to let you know, there is an option in the premium version that allows you to change the spacing globally.

@themegrillteam

Thank you very much Ashish, it worked very well!

Great Support.

kind regards

@semamarine
Great to hear that and thank you very much for the review toward the Zakra theme.

Please let us know for any queries later. ??