Add Color Background to Column

[Sheri]

Love your template. Upgraded to premium and love it, also. Can you tell me how I would add a color background to a column on a page.

[Tom]

Glad you’re enjoying it!

What do you mean by column? Like the Content column vs the sidebar column? Or a text column within the content?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Sheri]

Content column on this page. http://cms01013.apps-1and1.com/meet-phil-2

[Tom]

You can change the color of the content area using the Colors add-on in “Customize > Colors > Content Colors”.

That will change the background color of the content column throughout the entire site – is that what you’re wanting or are you wanting to only target that specific page?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Sheri]

I want to change the background color of a column on a specific page. Is this possible?

[Tom]

Absolutely, you’ll just need to use a little CSS.

First, you’ll need to know the ID of your page – in this case, it’s 134.

Then you can do this:

.page-id-134 .inside-article {
      background-color: #FFFFFF;
      color: #222222;
}

Adjust the colors as needed 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Sheri]

Beautiful! Thanks so much!

[Tom]

You’re very welcome 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Sheri]

On a totally unrelated subject: is there anyway for your template (now also my template) to have the navigation bar look like the one on this website: http://votekeithperry.com/ with part of the header picture actually on the nav bar?

This is my working site: http://cms01013.apps-1and1.com/

Thanks so much!

[bdbrown]

Hi Sheri. Could you please start a new topic for your navigation question? If it stays here other users probably won’t benefit from the answer since this topic is a different subject and it’s already marked as resolved. Thank you.

[Piefinch]

Hi, I need to find out how to change my column colour too. How do I find my page ID?

The theme started out with a white column colour and and off white background, but now I don’t have boxes anymore, just white, so want the boxes back :/

[Leo]

Hi there,

Can you open a new topic for your question?

This topic is really old.

Thanks!

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts