background color is changing all text color.

[gordon daniels, geändert vor 11 Jahren.]

I have taken the Zoe-tech theme and modified it. I've changed the background to black using an image. But when I access a menu popup, such as export or import a page or web content, that whole frame of text is black. Making it unreadable.

I've searched the whole 'css' folder trying to find where the text color for those menus are, but to no avail. How does one keep the background color on the website from changing all background color through out portal menus?

Hope this is clear.

thanks

[gordon daniels, geändert vor 11 Jahren.]

Bradley: hi - so are you saying I have to put that code in custom.css in the body section?

sorry for being so dense :-)

thanks

[Hitoshi Ozawa, geändert vor 11 Jahren.]

If that's where you've modified the background to black. Should try to keep custom codes in one place for maintenance.

[gordon daniels, geändert vor 11 Jahren.]

Hitoshi: thanks. The problem with Bradley's code is it changes my background to white. I need the background to be black but not affect the other parts of the portal. Any clue how to accomplish that?

thanks

[gordon daniels, geändert vor 11 Jahren.]

Bradley: I want the background to be black. When I put in that code snippet, it turns the background to white. I am trying to eliminate the black background from changing the pop ups to black. For instance, if I click on create an account, when trying to login, the screen is black except for the text boxes. So, no one would be able to figure out what they are suppose to put in to text fields. 'Terms of Use' is also black. So it goes through out portal.


thanks

[gordon daniels, geändert vor 11 Jahren.]

Bradley: thanks so much. Will give it a try. Thank you for taking the time to respond.

[gordon daniels, geändert vor 11 Jahren.]

Bradley: I really don't want to create problems here but that code did not change anything. The background did stay black but so did the pops and frames. Are we missing something here?

[gordon daniels, geändert vor 11 Jahren.]

Bradley: thanks for hanging in there with me. Here is section:

body {
background: #000;
}
body.portal-popup{
background: none;
}

.home-page #banner {
background: url(../images/custom/small_banner.jpg) 0 0 no-repeat;
height: $bannerHeight + $navHeight;
position: relative;
}

#sign-in {
color: #ffcc66;
font: 0.65em "Arial";
font-weight: 200;
letter-spacing: 0.1em;
position: absolute;
right: 24px;
text-decoration: none;
top: 7px;
}

#wrapper {
background: #000;
margin: 0 auto 20px;
width: 960px;
}

[gordon daniels, geändert vor 11 Jahren.]

Bradley: I just discovered its the wrapper causing the problem. I changed background to white and left wrapper background black. So I believe that is the problem. So, would I do something similar for the wrapper like the body section?

thanks

[gordon daniels, geändert vor 11 Jahren.]

Bradley: I might actually be catching on. :-) I thought that was going to be the response. Will give it a try.

thanks

[gordon daniels, geändert vor 11 Jahren.]

Bradley: well that did not work. I am using resort theme. I've taken up too much of your time. So, I will change wrapper to some other color.

thanks

[gordon daniels, geändert vor 11 Jahren.]

Bradley: I have tried your code but it does not work. Take a vanilla ZOE-TECH theme and make background black. Make wrapper background: none; . Insert your code and here is what your get -see attachment.

All displays other than pages are black. It really shouldn't be this hard in having a background with the color you want.

[gordon daniels, geändert vor 11 Jahren.]

For anyone else who tries to use a black or dark background, and finds they cannot read text on popups, here is the answer.

body{
background: #000;
color: #FFF;

Yes, it was that simple. Bradley who has been a great help must not have understood what I was trying to do. His code suggestion did not work. However, Ryan made a suggestion in another post about using firebug. I did a five minute tutorial on how to use it and Voila! It showed that the cause was the 'body' element in custom.css. So, I made an educated guess to try 'color:' and it worked.

BTW: Firebug is your friend. It really does help.

thanks for everyones replies.

[Ryan Schuhler, geändert vor 11 Jahren.]

Glad you figured it out, yes, developer tools are very useful.