Jump to content


Photo
- - - - -
Resolved

Page and field background colors

background color field page content

  • Please log in to reply
5 replies to this topic

#1 dreamscape

dreamscape

    Newbie

  • Members
  • 3 posts
  • Framework Version:2.3.2

Posted 03 October 2012 - 06:43 PM

Folks,
Per one of the other threads in this forum, I have used the following code to set the background color for the page content to 80% white:

Please Login or Register to see this Hidden Content



While this worked in Firefox, it has no effect in IE8 which shows a completely transparent page/content background, allowing the large image background to shine through and reduce readability.

At the same time, the input fields on the contact form seem to have gone black (#1a1a1a, actually). I've searched the main CSS file and can find no reference to 1a1a1a. Are the two issues related? I have no idea. The site is live, however, so any expedient advice is appreciated.

The site is

Please Login or Register to see this Hidden Content

.

Thank you in advance!
Matt

#2 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 03 October 2012 - 06:59 PM

IE8 by default doesn't support transparency very well. There might be a chance that it would work in IE9, so I would advise updating.

#3 dreamscape

dreamscape

    Newbie

  • Members
  • 3 posts
  • Framework Version:2.3.2

Posted 03 October 2012 - 07:24 PM

Catrina,
IE8 doesn't do much very well, but unfortunately it's out there enough to be a concern. Any other ideas beyond "upgrade your browser and hopefully you won't see it anymore"?

#4 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 04 October 2012 - 12:25 AM

I totally understand that it's not as easy as just upgrading a browser. Many people are stuck with older computers, particularly in business or government,

As you can see here:

Please Login or Register to see this Hidden Content



RGBA isn't supported before IE9. That's unfortunately something we cannot fix. If a browser cannot read a version of CSS, then its simply a browser issue. I apologize for that.

However, we have something called Browser Specific CSS, which might allow you to apply different CSS for the same element detected by different browsers.

Please Login or Register to see this Hidden Content



This might be your solution, since you could apply a CSS solution that might work. What that is, I don't know. A guess might be image transparency/opacity...

Please Login or Register to see this Hidden Content



This might help too:

Please Login or Register to see this Hidden Content



#5 dreamscape

dreamscape

    Newbie

  • Members
  • 3 posts
  • Framework Version:2.3.2

Posted 04 October 2012 - 05:26 PM

Thank you for your response, Rob. The information about the bleeding edge CSS used by Pagelines was enough to inspire me to simply set the background to a faded white transparent PNG. That does the trick across all browsers, it seems.

That whole backward-compatibility thing might be something you guys want to consider as you continue to work on Pagelines. The client picked this theme themselves and at first blush, it looked like a good idea to us. After using it, however, we'll happily go back to using the Genesis framework and themes for all our clients. ;)

Response time on Pagelines support is pretty solid, though, so thank you again!

#6 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 04 October 2012 - 05:36 PM

The topic was marked as resolved.





Also tagged with one or more of these keywords: Resolved, background, color, field, page, content