Site logo

[Resolved] Change the color of typos on a page

Home Forums Support [Resolved] Change the color of typos on a page

Home Forums Support Change the color of typos on a page

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1511600
    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

    #1511640
    Leo
    Staff
    Customer Support

    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 🙂

    #1511645
    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

    #1511839
    Leo
    Staff
    Customer Support

    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.

    #1512206
    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

    #1512618
    Leo
    Staff
    Customer Support

    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/

    #1512636
    Matthieu

    Perfect, thanks !

    #1512639
    Leo
    Staff
    Customer Support

    No problem 🙂

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.