Price bubbles and css

Hello,

I want to change the price "bubbles" that appear when hovering a product (GK Products Gallery). Overall, I'd like to make the colored circles squares instead. Where can I possibly make that modification?

Also, I'd like to change it's color and do the same for all colored objects on the website (Home, Add to Cart, More Details, etc.). Is there a simple way to change everything to a custom color (Not Color I, Color II or Color III)?

Thanks for your help!

Could You please post an url to your site?

The website is not hosted online. Right now it's almost identical to the demo, so there's no important changes that have been made. Anyway, here's what I mean by bubbles:

Please edit: /templates/gk_storebox/css/override.css and add at its end:

Code: Select all

.gkNspPM-ProductGallery .gkImage .gkImgOverlay {
background: #ff7e57;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}


change background to your liking.

Remember to enable "CSS override" in template settings - advanced section.

To change other colours - you would need to use firebug or chrome developer tools to trace all declarations and create override.css to correct them in one place.
You might find this documentation useful:
http://www.gavick.com/documentation/joo ... -size-etc/