Change colour of background

Community Forums Forums General Discussion Change colour of background

This topic is: not resolved

This topic contains 12 replies, has 2 voices, and was last updated by  doonmuir 1 year, 9 months ago.

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #4434

    doonmuir
    Participant

    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.

    #4445

    AC
    Blocked
    Post count: 7712

    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.

    #4458

    doonmuir
    Participant

    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.

    #4460

    AC
    Blocked
    Post count: 7712

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

    #4463

    doonmuir
    Participant

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

    #4464

    AC
    Blocked
    Post count: 7712

    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.

     

    #4703

    doonmuir
    Participant

    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;

    #4704

    AC
    Blocked
    Post count: 7712

    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.

    #4712

    doonmuir
    Participant

    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!

    #4718

    AC
    Blocked
    Post count: 7712

    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.

    #4723

    doonmuir
    Participant

    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;
    }

    #4728

    AC
    Blocked
    Post count: 7712

    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.

    #4730

    doonmuir
    Participant

    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.

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

You must be logged in to reply to this topic.