Home>Support>How to change the color of background

How to change the color of background

By davidw, 9 years ago. Last reply by Magus, 9 years ago.

I want to change the entire colors of my website. I have looked and there is no option under Apperance > Customize > Color. There is only widgets and static front page.

How do I do this I am using a full width layout.

URL: http://3dprint.davidwolverton.com/

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 3 months ago Magus
    Hi, I Work Here

    Hi David

    The options for background colour through customize are only available in Vantage Premium. To change the background colour in Vantage Free you will need to use custom CSS. If you do not already have a custom CSS editor please install this plugin

    https://wordpress.org/plugins/so-css/

    Then navigate to Appearance->Custom CSS and add the following

    #main {
    background-color: #fcfcfc !important;
    }
    

    Please change the colour value to match the colour you want for the background.

    http://html-color-codes.info/#HTML_Color_Picker

    Let us know how you get on

    Magus

  2. 9 years, 3 months ago davidw

    This worked but only for the background how do I change the colors that the themese uses for the header (grey) and the other white sections?

    David

    *DISCLAIMER*This email and any files transmitted with it are confidential and may be legally privileged. It is intended solely for the use of the individual/(s) or entity/entities to which they are addressed. If you are not an intended recipient of this message and have received this email in error please notify the sender / senders' immediately by return email and delete this message from your system. Please do not copy, forward, disclose or use any part of the email and/or its attachments to any other person unless you are lawfully authorized or entitled to do so. A failure to comply with this request would be a breach of confidence. If you suspect the message may have been intercepted or amended, please contact the sender
    /senders'.

    The sender / senders' have taken reasonable precautions to ensure that this email is virus-free. However sender / senders' do not accept any liability for any damage caused by the transmission of this email and would strongly urge the recipient to undertake appropriate precautionary measures
    (including running virus scans) before opening any electronic communications or attachments. Sender / senders' accept no legal responsibility for the contents of this email as it has been transmitted over a public network.

  3. 9 years, 3 months ago Magus
    Hi, I Work Here

    Hi David

    For the header please use this

    #masthead {
        background-color: #00BCFF !important;
    }
    

    The other white sections on the page are controlled by the widget containing the text. If you edit this widget you will be able to set the correct colour by expanding the Layout option on the right.

    Magus

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More