Closed (fixed)
Project:
Ubercart AJAX Cart
Version:
6.x-2.x-dev
Component:
Documentation
Priority:
Normal
Category:
Support request
Assigned:
Unassigned
Reporter:
Created:
23 Sep 2010 at 21:00 UTC
Updated:
28 Feb 2013 at 08:57 UTC
Jump to comment: Most recent file
Comments
Comment #1
jday commentedupdate
moving the .growlUI div.messages style to my theme .css file worked
Comment #2
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 commentedtry
.growlUI div.messages a:link {}
Comment #4
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 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 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 commentedI believe it would be 'growlUI'.
Comment #11
philsward commentedWhere can someone find the documentation on all of the css selectors available for the message?
Comment #12
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 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;