Full-width Pages in one color

Hello!

I would like to create a few pages in full-width mode and choose one color to the background. How can I do that?

Any help please. :slight_smile:

Thanks

Hi @jiks,

I hope you are well today and thank you for your question.

I would like to create a few pages in full-width mode

You can achieve this by either setting page template or page layout to Full width as shown in the attached screenshot.

and choose one color to the background. How can I do that?

You can try achieving this 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

html body {
    background-color: #855858;
}

Please change the color value in the above code to whatever you want to use by referring the following pages.

http://www.w3schools.com/html/html_colors.asp
http://www.w3schools.com/html/html_colorvalues.asp
http://www.w3schools.com/tags/ref_colorpicker.asp

Best Regards,
Movin

Hello,

Thank you very much for your answer but unfortunately the problem still persists.

I’d like to create one page e.g. id=x, and remove all the elements of it. I’ve been able to successfully remove the page tittle header using the following code:

.page-id-1 .entry-title {
display:none;
}

Setting the page to full-width still leaves some spaces on the left and on the right. Basically I want to completely remove them and create a page in one single color, leaving only visible the header and the footer of the site. I think that can be done using some CSS.

Thanks again! :slight_smile:

Could you please share me the full page page URL from your site where you want to do this so that i can help you to achieve it?

Hello,

Here is the link of the page which I want to edit:

http://www.speakingoftrading.com/stock-selection/

I have included two screenshots:

https://goo.gl/photos/3kvuGEhKNdzXkcze7

Thanks again! :slight_smile:

Try using the below CSS code to achieve this.

.post-inner-content:first-child {
    border-top: 1px solid #dadada;
    border: 0;
background-color: #2AA323;
}
body.page-id-1127 {
    background-color: #2AA323;
}

Hello!

Thanks for your reply. I added the code you provided but there’s still a white space at the top/bottom. I would like to turn them green but just for this page, not the entire site.

http://www.speakingoftrading.com/stock-selection/

Thanks again! :slight_smile:

I edited the above code to achieve that so please try using the updated code.

Thank you very much for your help!

Happy Xmas!

:slight_smile:

You are most welcome here :slight_smile: