Support » Requests and Feedback » Help with CSS code for All Colors theme

  • Resolved mikeflynn08

    (@mikeflynn08)


    Hi there
    I am needing help with some css coding to add in to change the background colour behind the Homepage Images section – as this defaults to white. Ideally I would like either an image or colour to replace this, as the white stands out from everything on my site.
    Thanks for your help
    Kind regards
    Mike

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Hello @mikeflynn08,

    It’s difficult to provide CSS code for a background image or color of a section on your site without seeing your site (the link you provided is a coming soon page, which I think is not what you’re looking to change). If it’s possible, could you please share your home page with us?

    Either way, this article has a few options for how to add a background image to a section of your site: http://www.wpbeginner.com/beginners-guide/how-to-add-a-background-image-in-wordpress/. Look for Method 3. Add Background Images using CSS Hero and Method 4. Add Custom Background Images Anywhere in WordPress Using CSS Code.

    Hi Niall
    Many thanks for your reply. I have tried your fix and I cannot get it to work. I have published my site so that you can see what I am talking about. It is the section that is white behind the two homepage image buttons. I have fixed everything else, it is just that I do not know what this section is called in order to try to find CSS coding that i can add in to fix this section.
    Any help you can provide would be amazing.
    Thanks again
    Mike

    Hi Mike,

    You’re very welcome!

    For a color background, please add the following CSS code in the Appearance > Customize > Additional CSS section of your WordPress Admin dashboard:

    
    .all-home-imges {
        background-color: #ffffff; /* Change the color here. It's set to white ("#ffffff") */
    }
    

    For a background image, please add the following CSS code in the Appearance > Customize > Additional CSS section of your WordPress Admin dashboard:

    
    .all-home-imges {
        background: url("http://bluepineservices.com/wp-content/uploads/2020/09/cropped-Header-Image-Amend.png") no-repeat center; /* Change the URL to the URL of the image you uploaded for your background */
        background-size: cover;
    }
    

    Niall

    That works fantastically – thank you soooo much for your help 🙂

    Hi I am helping a friend with her Website using All Colors theme, http://www.handmadewithlovecreations.com.au , Every page has the rainbow colour through it and I need help changing that to White on all pages. Can you please help me with which code to use and where to put it or change it within Theme.

    You’re very welcome @mikeflynn08! 🙂

    Hello @katlyplus,

    It would be better to post a question as a new topic. If anyone else has a similar issue, it would be easier for them to find the post. 🙂

    The background appears to have been created by the Simple Full Screen Background Image plugin: http://wp101.net/plugins/simple-full-screen-background-image/. Could you please try deactivating that plugin under Plugins inside your WordPress Admin dashboard (see http://www.wpbeginner.com/beginners-guide/how-to-easily-deactivate-wordpress-plugins/)?

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