[Resolved] I need different background colours

Home Forums Support [Resolved] I need different background colours

Home Forums Support I need different background colours

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #897292
    Jeffrey

    Hi

    Just getting started on GeneratePress.

    I am building a site on localhost that needs 3 post/pages/products to start with, and which need different background colours
    1. Home PAGE: I have set to #000066 dark blue
    2. Woocommerce Category page I would like #ffffff, but the Home page being set to #000066 seems to be sitewide and affects the Woocommerce category page.
    3. Woocommerce Product page I would like #ffffff too, but the #000066 now seems sitewide.

    Hope you can help.

    Regards
    Jeff

    #897302
    Leo
    Staff
    Customer Support

    Hi there,

    Which background color are you referring to? The body background?

    And are you using one container or separate container?

    It might be easier if you can have a staging site to show as well if you plan on asking more questions.

    It will be a lot easier for us to provide the correct solution.

    Let me know πŸ™‚

    #897954
    David
    Staff
    Customer Support

    Hi there,

    so is it only the home page that will be the different color? If so it may be easier to switch the colors in customizer so all your other pages are correct and then we can provide some CSS to style just the home page. Let me know.

    If you want to increase or reduce the size that the image on the single product occupies then:

    1. Make sure you have GP Premium up to date ie version 1.8.2.
    2. Appearance > GeneratePress – makes sure you have the woocommerce module activated.
    3. Then in Customizer > Layout > Woocommerece you can set the Product Image Area Width.

    #897987
    Jeffrey

    Ok Thank you

    I am OK with the CSS and that seem the best way to go

    Best Regards
    Jeff

    #897989
    David
    Staff
    Customer Support

    So is it only the home page that will have those different colors?
    And are you using any type of pagebuilder on the home page?

    #898001
    Jeffrey

    Only the home page
    No I am not using other page builder

    #898012
    Leo
    Staff
    Customer Support

    To change the background color only on the home page, give this CSS a shot:

    body.home {
        background-color: #000000;
    }

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

    If you need to post screenshots, you can use a service like this:
    https://postimages.org/

    Then provide the direct links here.

    Let me know πŸ™‚

    #898630
    Jeffrey

    Ok Thanks for that

    #899087
    Leo
    Staff
    Customer Support

    No problem πŸ™‚

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