Kombinierte Ansicht Flache Ansicht Baumansicht
Threads [ Zurück | Nächste ]
toggle
background color is changing all text color. gordon daniels 18. Februar 2013 05:41
RE: background color is changing all text color. Bradley Wood 18. Februar 2013 11:19
RE: background color is changing all text color. gordon daniels 18. Februar 2013 11:24
RE: background color is changing all text color. Hitoshi Ozawa 18. Februar 2013 14:56
RE: background color is changing all text color. gordon daniels 19. Februar 2013 06:06
RE: background color is changing all text color. gordon daniels 19. Februar 2013 08:05
RE: background color is changing all text color. Bradley Wood 19. Februar 2013 08:30
RE: background color is changing all text color. gordon daniels 19. Februar 2013 08:47
RE: background color is changing all text color. gordon daniels 19. Februar 2013 09:34
RE: background color is changing all text color. Bradley Wood 19. Februar 2013 09:36
RE: background color is changing all text color. gordon daniels 19. Februar 2013 11:10
RE: background color is changing all text color. gordon daniels 19. Februar 2013 11:17
RE: background color is changing all text color. Bradley Wood 19. Februar 2013 11:20
RE: background color is changing all text color. gordon daniels 19. Februar 2013 11:24
RE: background color is changing all text color. gordon daniels 19. Februar 2013 11:46
RE: background color is changing all text color. gordon daniels 22. Februar 2013 12:37
RE: background color is changing all text color. (SOLVED) gordon daniels 24. Februar 2013 14:40
RE: background color is changing all text color. (SOLVED) Ryan Schuhler 25. Februar 2013 09:14
gordon daniels
background color is changing all text color.
18. Februar 2013 05:41
Antwort

gordon daniels

Rang: Liferay Master

Nachrichten: 723

Eintrittsdatum: 23. August 2008

Neue Beiträge

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
Anonym
RE: background color is changing all text color.
18. Februar 2013 11:19
Antwort

Anonym

any settings you put on body via css you'll have to cancel

by

body.portal-pop-up{
background-image: none;
}
gordon daniels
RE: background color is changing all text color.
18. Februar 2013 11:24
Antwort

gordon daniels

Rang: Liferay Master

Nachrichten: 723

Eintrittsdatum: 23. August 2008

Neue Beiträge

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
RE: background color is changing all text color.
18. Februar 2013 14:56
Antwort

Hitoshi Ozawa

Rang: Liferay Legend

Nachrichten: 7949

Eintrittsdatum: 23. März 2010

Neue Beiträge

If that's where you've modified the background to black. Should try to keep custom codes in one place for maintenance.
gordon daniels
RE: background color is changing all text color.
19. Februar 2013 06:06
Antwort

gordon daniels

Rang: Liferay Master

Nachrichten: 723

Eintrittsdatum: 23. August 2008

Neue Beiträge

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
RE: background color is changing all text color.
19. Februar 2013 08:05
Antwort

gordon daniels

Rang: Liferay Master

Nachrichten: 723

Eintrittsdatum: 23. August 2008

Neue Beiträge

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
Anonym
RE: background color is changing all text color.
19. Februar 2013 08:30
Antwort

Anonym

so since body will apply to all body tags, a pop-up also has a body tag in it.


This code should fix your issue. https://gist.github.com/randombrad/4987459
gordon daniels
RE: background color is changing all text color.
19. Februar 2013 08:47
Antwort

gordon daniels

Rang: Liferay Master

Nachrichten: 723

Eintrittsdatum: 23. August 2008

Neue Beiträge

Bradley: thanks so much. Will give it a try. Thank you for taking the time to respond.
gordon daniels
RE: background color is changing all text color.
19. Februar 2013 09:34
Antwort

gordon daniels

Rang: Liferay Master

Nachrichten: 723

Eintrittsdatum: 23. August 2008

Neue Beiträge

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?
Anonym
RE: background color is changing all text color.
19. Februar 2013 09:36
Antwort

Anonym

what does your body css look like from your theme?
gordon daniels
RE: background color is changing all text color.
19. Februar 2013 11:10
Antwort

gordon daniels

Rang: Liferay Master

Nachrichten: 723

Eintrittsdatum: 23. August 2008

Neue Beiträge

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
RE: background color is changing all text color.
19. Februar 2013 11:17
Antwort

gordon daniels

Rang: Liferay Master

Nachrichten: 723

Eintrittsdatum: 23. August 2008

Neue Beiträge

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
Anonym
RE: background color is changing all text color.
19. Februar 2013 11:20
Antwort

Anonym

body.portal-popup {
#wrapper {
background: none;
}
}
gordon daniels
RE: background color is changing all text color.
19. Februar 2013 11:24
Antwort

gordon daniels

Rang: Liferay Master

Nachrichten: 723

Eintrittsdatum: 23. August 2008

Neue Beiträge

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

thanks
gordon daniels
RE: background color is changing all text color.
19. Februar 2013 11:46
Antwort

gordon daniels

Rang: Liferay Master

Nachrichten: 723

Eintrittsdatum: 23. August 2008

Neue Beiträge

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
RE: background color is changing all text color.
22. Februar 2013 12:37
Antwort

gordon daniels

Rang: Liferay Master

Nachrichten: 723

Eintrittsdatum: 23. August 2008

Neue Beiträge

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.
Anhang

Anhänge: example.png (12,9k)
gordon daniels
RE: background color is changing all text color. (SOLVED)
24. Februar 2013 14:40
Antwort

gordon daniels

Rang: Liferay Master

Nachrichten: 723

Eintrittsdatum: 23. August 2008

Neue Beiträge

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
RE: background color is changing all text color. (SOLVED)
25. Februar 2013 09:14
Antwort

Ryan Schuhler

LIFERAY STAFF

Rang: Junior Member

Nachrichten: 77

Eintrittsdatum: 5. Juli 2012

Neue Beiträge

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