I added the suggested CSS to display the Details popup correctly. When a user is logged in, I see the popup box using the colors I applied in the added CSS (green outer box), however when I log out and mouse over the Details box, the color of the box changes to gray.
Why would the color change based on the logged in/out status?
Is there a way to eliminate the popup altogether and just click to display the text on the page?
Page in question is at:
http://www.nybolink.com/index.php/specials?lang=en-US
I have the file set to be downloaded by registered users only, with show unauthorized files checked.
Also sometimes the description text does not wrap, particularly in Safari, so the box width extends off the right side of the page.
Overlib CSS logged in vs. logged out
-
vickiwatson
- Phoca Newbie

- Posts: 2
- Joined: 10 Apr 2010, 22:58
-
drazan
- Phoca Newbie

- Posts: 3
- Joined: 13 Apr 2010, 01:47
Re: Overlib CSS logged in vs. logged out
Hi,
Please can you explain how you add the css in phoca description?
Thanks
Please can you explain how you add the css in phoca description?
Thanks
-
vickiwatson
- Phoca Newbie

- Posts: 2
- Joined: 10 Apr 2010, 22:58
Re: Overlib CSS logged in vs. logged out
I added the following into one of my own css files called components.css in the css folder of my template directory.
.ol-foreground {background-color: #ffe;}
.ol-background {background-color: #74B035;}
.ol-textfont {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #222;}
.ol-captionfont {font-family: Arial, Helvetica, sans-serif;font-size: 14px;color: #fff;font-weight: bold;}
.ol-captionfont a {color: #fff;text-decoration: none;}
.ol-closefont a {font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #fff;font-weight: bold;}
.ol-foreground {background-color: #ffe;}
.ol-background {background-color: #74B035;}
.ol-textfont {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #222;}
.ol-captionfont {font-family: Arial, Helvetica, sans-serif;font-size: 14px;color: #fff;font-weight: bold;}
.ol-captionfont a {color: #fff;text-decoration: none;}
.ol-closefont a {font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #fff;font-weight: bold;}
- Jan
- Phoca Hero

- Posts: 49144
- Joined: 10 Nov 2007, 18:23
- Location: Czech Republic
- Contact:
Re: Overlib CSS logged in vs. logged out
If you find Phoca extensions useful, please support the project