Early Bird Registration for DrupalCon Portland 2024 is open! Register by 23:59 PST on 31 March 2024, to get $100 off your ticket.
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
Comment | File | Size | Author |
---|---|---|---|
#6 | growlui1.png | 3.93 KB | cookiesunshinex |
#6 | growlui2.png | 2.3 KB | cookiesunshinex |
#6 | growlui3.png | 2.54 KB | cookiesunshinex |
Comments
Comment #1
jday CreditAttribution: jday commentedupdate
moving the .growlUI div.messages style to my theme .css file worked
Comment #2
bkonia CreditAttribution: bkonia commentedI'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?
Comment #3
jday CreditAttribution: jday commentedtry
.growlUI div.messages a:link {}
Comment #4
bkonia CreditAttribution: bkonia commentedThanks, 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;
}
Comment #5
tunicOk, fixed!
Comment #6
cookiesunshinex CreditAttribution: cookiesunshinex commentedIn 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
Comment #8
loparr CreditAttribution: loparr commentedHi,
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.
Comment #9
stewart.adam CreditAttribution: stewart.adam commentedI believe it would be 'growlUI'.
Comment #11
philsward CreditAttribution: philsward commentedWhere can someone find the documentation on all of the css selectors available for the message?
Comment #12
Stathes CreditAttribution: Stathes commentedI 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!
Comment #13
miccelito CreditAttribution: miccelito commentedSince 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;