Premium support

Please log in to post in these forums. If you didn't create an account when you purchased, please contact us.

Free support

If you haven't purchased GP Premium, support for the free theme can be found on WordPress.org.

[Support request] Add parts of background colours

Home Forums Support Add parts of background colours

This topic contains 3 replies, has 2 voices, and was last updated by  Leo 2 weeks, 2 days ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #462432

    Hello,

    i want to add some blue colours in the background of the header and footer like this site
    http://nordlicht-ev.de/

    there is the css code

    .header100 {
    background-color: #90b4c2;
    z-index: -1;
    height: 60px;
    width: 100%;
    position: fixed;
    top: 101px;
    opacity: 0.5;
    }

    and

    .footer100 {
    background-color: #90b4c2;
    z-index: -10;
    height: 90px;
    width: 100%;
    opacity: 0.5;
    }

    how can i add those parts in generatepress? Is there any way to add this easily?

    Thanks,
    VW

    GP Premium 1.5.6
    #462485

    Leo
    Staff

    Hi there,

    I don’t think using your CSS is the best method.

    Have you tried changing the background color of header and footer using the customizer options?

    Want to help support GP? Please consider leaving us a review!
    https://wordpress.org/support/theme/generatepress/reviews

    #462880

    Hi,

    the css is the css of the original site http://nordlicht-ev.de/.
    And there are some colour sections left and right of the content and footer. I dont think that i can change that in the customizer. There i can change the colours of header and footer background, but i want to have another colour sections on the sites like the website listed above.

    #463133

    Leo
    Staff

    First you would need to set the Footer width to full and inner footer width to contained:
    https://docs.generatepress.com/article/footer-layout/

    Then you can use CSS to change the inner footer background:

    .inside-site-info {
        background-color: #ffffff;
    }

    Want to help support GP? Please consider leaving us a review!
    https://wordpress.org/support/theme/generatepress/reviews

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.