Changing overall background colour

  • Author
    Posts
  • #141416

    Hi there,

    My current website’s main background colour is white. How can I change this?

    Changing it within the colours and backgrounds tab doesn’t seem to work.

    Thanks!

    The blog I need help with is highvibefilms.co.uk.

    #141518

    mkrdip
    Theme Author

    Hi there,

    Because you have this CSS codes via Customizer. Either you’ve to delete them or customize it with new color code:

    body {
        background-color: #fafafa;
    }

    Cheers.

    #141681

    Hi there,

    Thank you very much for this, however I inputted this code and nothing happened.

    Is there a way to customise the entire site to a specific background colour?

    And following that, being able to change the text colour to whatever I want to?

    Thanks!

    #142756

    mkrdip
    Theme Author

    Hi there,

    Each individual section has different background colors. The following codes will change the BG color of sitewide sections.

    
    #site-top-content {
    	background-color: #ff0000;
    }
    
    .site-header {
        background-color: #ff0000;
    }
    
    #page-header.no-hero {
        background-color: #ff0000;
    }
    
    #content {
    	background-color: #ff0000;
    }
    
    #tertiary {
        background-color: #ff0000;
    }

    For the homepage, blog section you have to use section with codes like this:

    #front-page-blog {
    	background-color: #ff0000;
    }

    In this file: https://highvibefilms.co.uk/wp-content/themes/creative-portfolio/style.css you can check 124 rules for background-color and color. It’s better if you give me a specific section, page, and post, where you need adjustment with BG color and text color.

    Cheers.

    #143150

    Hey there,

    Thanks very much for your help, it’s much appreciated. Please can you offer the code for the menu area?

    I’ve used the site header code but noticed that the menu area does not change colour.

    Thanks

    #144422

    mkrdip
    Theme Author

    Hi,

    Here is code to change the background color of the menu area:

    #menu-primary {
        background-color: #ff0000;
    }

    Cheers.

The topic ‘Changing overall background colour’ is closed to new replies.