Change the color of typos on a page

[Matthieu]

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

[Leo]

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 🙂

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

[Matthieu]

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

[Leo]

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.

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

[Matthieu]

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

[Leo]

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/

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

[Matthieu]

Perfect, thanks !

[Leo]

No problem 🙂

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

[Author]

Posts