I turned on the growl display option but the text is white on a faint yellow background with a black surrounding block...can't read the text, how can I adjust the colors? the uc_ajax_cart.css doesn't seem to affect it

Support from Acquia helps fund testing for Drupal Acquia logo

Comments

jday’s picture

update

moving the .growlUI div.messages style to my theme .css file worked

bkonia’s picture

I'm having problems with this as well. My background is black and the text is white, which is fine, but the links are a very dark gray, so they're nearly invisible against the black background. I've tried modifying uc_ajax_cart.css and I've tried making changes in my theme's CSS, but I can't get it to work. Can you tell me specifically which class and/or ID I would have to override to change the link color?

jday’s picture

try
.growlUI div.messages a:link {}

bkonia’s picture

Thanks, you got me on the right track, but it was actually a little more involved. Here's what finally got it to work:

/* Make links in ajax cart notifications white */
.growlUI div.messages a:link,
.growlUI div.messages a:visited,
.growlUI div.messages a:hover,
.growlUI div.messages a:active {
color: #FFFFFF;
text-decoration: none;
}

tunic’s picture

Status: Active » Fixed

Ok, fixed!

cookiesunshinex’s picture

FileSize
2.54 KB
2.3 KB
3.93 KB

In case anyone wants to theme the growl header and sub-header, I used these in my theme's style.css to change them.

.growlUI h1, .growlUI h2 {
color: white;
}

You can see the result in the attached screenshots. The "please wait" and "cart" are h1 and "REMOVE PRODUCT FROM CART" is h2

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.

loparr’s picture

Status: Closed (fixed) » Active

Hi,
What would be the class for theming the whole growl block not just the messages inside? I found theming code inside uc_ajax_cart.js but I dont want to hack it. Thank you very much.

stewart.adam’s picture

Status: Active » Fixed

I believe it would be 'growlUI'.

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.

philsward’s picture

Where can someone find the documentation on all of the css selectors available for the message?

Stathes’s picture

I am trying to find documentation too, I tried placing every single one in the most recent 6x style sheet and also in my css with no affect at all. I even cleared the cache.

Any help would be magnificent!

miccelito’s picture

Since those messages style (css) are "hardcoded" in js files, in your own themed css you would need to write like this (example):
color:#555 !important;