Archived topic
Change the color of typos on a page
7 replies · Started by Matthieu on October 30, 2020
Hello, I would like to know if it was possible to change the color of the typography, the menu and the background on a page?
Example: A white background page, black typo, white header / A black background page, white typo, black header.
Thanks
Hi there,
Just to confirm, you are looking to change this for one page separate from the customizer options?
If so we will need to use CSS>
Any chance you can link us to the page in question?
You can use the private information field.
Then I can provide the exact CSS needed.
Let me know :)
Hello, yes it's good to change all that for a specific page. I don't have a link to share with you though.
While I'm there, by changing the background of the menu, my log being white at the base, if the menu is white, how can I have the logo in black and vice versa?
Thanks
Any chance we could re-visit this issue once I have something live to look at?
That case I can provide the correct CSS and not have to guess them.
As for changing the logo, please open a separate topic for that question.
Thanks.
Hello, let's take this example: https://www.graphiste-cannes.com/
How to make this page black - white typo - black menu - white logo
And that the about page remains as it is ?
Thanks
So that page is the home page so you'd use this CSS:
body.home {
background-color: #000;
color: #fff;
}
Then the navigation CSS is all here:
https://docs.generatepress.com/article/changing-navigation-colors/
You would just need to replace add body.home in front of .main-navigation like this:
body.home .main-navigation
If you are not targeting the home page, then it would be body.page-id-xxxx
As for switching the logo, a filter is required:
https://docs.generatepress.com/article/generate_logo/
Adding PHP: https://docs.generatepress.com/article/adding-php/
Perfect, thanks !
No problem :)