Change colour of background

[doonmuirParticipant]

Nancy very kindly replied with help to change the background colour of the Associate website I am building but sadly it won’t change the blue to white (or pale grey if I could get into it).  Can I get to it via Editor?  I’ve had a good look but can’t seem to find the actual BLUE bit that is behind the title.  Help would be hugely appreciated!  Many thanks.

[anitacModerator Post count: 2694]

Please post a link to your website. It’s helpful in assisting you. The color you are speaking of is probably the “background image”. The page background and the navigation use images along with background colors. You have several choices – remove the background images and use HTML color codes, or you can re-color those images and upload them back to the site or you can just create new images to replace them. But without see what you have it’s really hard to give you more details.

---

Twitter Handles: @thecre8tivediva | Website: Cre8tiveDiva.com | LinkedIn Group: http://goo.gl/nNe1m
Why Not Take The Challenge! – Help us answer some of the unanswered posts

[doonmuirParticipant]

Thank you so much for your reply but am struggling with the background image.  There isn’t one under APPEARANCE and if I try to make the background white it has no consequence.  The link to the website is http://www.clunatestsite.co.uk    Thank you very much for your help.

[anitacModerator Post count: 2694]

The site isn’t coming up – can you double check your URL.

---

Twitter Handles: @thecre8tivediva | Website: Cre8tiveDiva.com | LinkedIn Group: http://goo.gl/nNe1m
Why Not Take The Challenge! – Help us answer some of the unanswered posts

[doonmuirParticipant]

Gosh how strange – how about http://www.clunatestsite.co.uk

[anitacModerator Post count: 2694]

Look for these images in your CSS and then change them to either another image or a color or your choice. You can see these elements by using Firebug for Firefox.

Blue background – http://clunatestsite.co.uk/wp-content/themes/associate/images/wrap.jpg

Blue in the footer area – http://clunatestsite.co.uk/wp-content/themes/associate/images/body.jpg

Now keep in mind also that the theme comes in different colors also, so if you change them in the blue – you aren’t changing these in any of the other color areas.

 

---

Twitter Handles: @thecre8tivediva | Website: Cre8tiveDiva.com | LinkedIn Group: http://goo.gl/nNe1m
Why Not Take The Challenge! – Help us answer some of the unanswered posts

[doonmuirParticipant]

Hi Anitac – I’m SO impressed you found that image which is exactly the one I want to get rid of.  I have looked using Firebug and I am struggling to see exactly what I’m looking for – there are millions of things that have come up which I simply don’t understand, like …… but I can’t seem to find a simple one just saying associate/images/wrap.jpg -
#wpadminbar .menupop .ab-sub-wrapper, #wpadminbar .shortlink-input {

    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #DFDFDF;
    border-style: solid;
    border-width: 0 1px 1px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
    display: none;
    float: none;
    margin: 0 0 0 -1px;
    padding: 0;
    position: absolute;

[anitacModerator Post count: 2694]

Look directly in your CSS. Do a search in the CSS and you will see it there – just search for the wrap.jpg file and you will see the area you need to edit.

---

Twitter Handles: @thecre8tivediva | Website: Cre8tiveDiva.com | LinkedIn Group: http://goo.gl/nNe1m
Why Not Take The Challenge! – Help us answer some of the unanswered posts

[doonmuirParticipant]

Do I look directly into CSS by going into Editor (NOT in the Genesis theme)?  Do I go into the Theme Settings – if so there are no images to be found. There is no search option in Editor – this is SO frustrating being SO thick and simply not understanding it!!  You are very patient.  It seems like such a simple procedure but it has taken me HOURS of wasted time – oh be joyful!

[anitacModerator Post count: 2694]

Yes, go to Appearance – -> Editor and it will land you on the Style.css. I recommend you copy and paste the code into an editor in case you make an error. Then edit the style.css as you need to.

---

Twitter Handles: @thecre8tivediva | Website: Cre8tiveDiva.com | LinkedIn Group: http://goo.gl/nNe1m
Why Not Take The Challenge! – Help us answer some of the unanswered posts

[doonmuirParticipant]

Is this the right one – if I delete the image and save changes it just comes back!

 

/* Wrap
———————————————————— */

#wrap {
background: url(images/wrap.jpg) repeat-x;
margin: 0 auto;
}

[anitacModerator Post count: 2694]

Clear your cache because it should not show up if you deleted that line. Keep in mind you need to either replace the image or put a color variable in there for your background color.

---

Twitter Handles: @thecre8tivediva | Website: Cre8tiveDiva.com | LinkedIn Group: http://goo.gl/nNe1m
Why Not Take The Challenge! – Help us answer some of the unanswered posts

[doonmuirParticipant]

I’m SO SO sorry it’s me again.  If I delete url(images/wrap.jpg) and put in #ffffff it won’t update the file as it keeps going back to the original but it will open a new page saying ERROR 404  How do I clear my cache – by turning off the machine?  I can’t thank you enough for your time and help.

[Author]

Posts