Archived

This topic is now archived and is closed to further replies.

  • 0

Background Colour Not Showing

Question

Posted · Report post

Hi,

 

I have just had this error reported for people viewing www.rdspartners.com.au on  IE Version 9. The colour associated with the body colour is not showing so the text is appearing on the background image and is unreadable and totally changes the look of the website. I have attached a screenshot of the issue, this error is occuring across the website. The page should in fact look like this http://rdspartners.com.au/our-projects/oysters-tasmania/ How can I get this resolved as I have many of my websites set up with this layout.

 

Many thanks

 

Lynsey

post-39244-0-89480700-1360276305_thumb.j

Share this post


Link to post
Share on other sites

21 answers to this question

Posted · Report post

Thank you, fingers crossed this fixes it. I have asked the customer experincing the problem to check the site and see how it is. Really appreciate your help.

Share this post


Link to post
Share on other sites

Posted · Report post

OK, keep us posted!

Share this post


Link to post
Share on other sites

Posted · Report post

Hi Lynsey,

 

Very nice site!  I'm presuming you created a layer for the text area background color but how did you do this?

 

I'm seeing the color set to the body, which is a higher level in hierarchy than, for example, the page-canvas.

 

Likely what's happening here is that Firefox and Chrome are being more tolerant of the CSS than IE is, and thus IE is not showing the background color for the page canvas (text area) and likely is calling the body background color behind the background image.

 

In fact, when I remove the background image, I see the baby blue everywhere and only a grey frame around the text.

 

Your code for the baby blue seems to be found here:

body, body.fixed_width {
    background-color#C5E7FA;
}
 
Is this the only place you added that color?


 

Share this post


Link to post
Share on other sites

Posted · Report post

Hi One Smart Egg - thanks re the nice site :)

 

The only place I included the colour was via the site options colour Control Section. I haven't set it on a page by page basis. Does that help at all?

Share this post


Link to post
Share on other sites

Posted · Report post

OK the person who had the issue updated their version of IE and now works fine, but on computer that was not updated still not working - same on their home computer Asked them to test another one my sites built with the same layout options and the site scrambled and no light green background showing. This was the other site I asked them to test  http://seashanti.com.au/recipe-ideas/

Share this post


Link to post
Share on other sites

Posted · Report post

When you were using the settings at Site Options > Color Control, did you place that color only under the Body option or did you test it in others, such as Content or Page?

Share this post


Link to post
Share on other sites

Posted · Report post

The Sea Shanti site looks perfectly fine in IE9 on my computer.

1 person likes this

Share this post


Link to post
Share on other sites

Posted · Report post

Hi,

 

Thanks for helping. Re the Site Options. Colour Control I have simply set the colour. I haven't changed the location of where this is placed.

Share this post


Link to post
Share on other sites

Posted · Report post

Hi,

 

I was hoping you could add the same colour as shown in the attached photo:

 

post-6-0-78121800-1360299639_thumb.jpg

Share this post


Link to post
Share on other sites

Posted · Report post

Yep done that - now the blue showing as white - should I try the blue colour where the #ffffff is?

Share this post


Link to post
Share on other sites

Posted · Report post

Yes.

Share this post


Link to post
Share on other sites

Posted · Report post

Problem with that is my header images are now all on a white background rather than blue

Share this post


Link to post
Share on other sites

Posted · Report post

Did you leave #ffffff in there, anywhere?

 

My note in the image was to place your color in two places. Including the place where I have #ffffff

Share this post


Link to post
Share on other sites

Posted · Report post

Please snapshot your screen so that I may see what you're doing.   Thanks!

Share this post


Link to post
Share on other sites

Posted · Report post

How do I attach a screen shot at this stage of the forum

Share this post


Link to post
Share on other sites

Posted · Report post

Screen-Shot-2013-02-08-at-4.34.18-PM.png

 

worked it out :)

Share this post


Link to post
Share on other sites

Posted · Report post

here is the backend

 

Screen-Shot-2013-02-08-at-4.34.25-PM.png

Share this post


Link to post
Share on other sites

Posted · Report post

When you reply, look down, to the right and click the "More Reply Options" button.

 

At the bottom of the editing screen you'll see an area to upload attachments.  Click that button, the same way you did it with the opening topic.

Share this post


Link to post
Share on other sites

Posted · Report post

ahh sorry I now see I should have kept the colour in the content background (optional)

 

Is it now working for you in IE?

Share this post


Link to post
Share on other sites

Posted · Report post

When you reply, look down, to the right and click the "More Reply Options" button.

 

At the bottom of the editing screen you'll see an area to upload attachments.  Click that button, the same way you did it with the opening topic.

Thank you that is very helpful

Share this post


Link to post
Share on other sites

Posted · Report post

Somehow your site generated this:

#header {

    background-color: #FFFFFF;
}

In some level of custom code.

 

Change it to:

#header {
    background-color: #C5E7FA;
}

 

Try putting #C5E7FA in all three of the color field options.

 

Also, check your plugins by deactivating everything other than Akismet and plugins you found in our Store.

Share this post


Link to post
Share on other sites