Is there a way to change colors for mouseover effect at bottom

[Advanced]

On this theme: http://demo.organizedthemes.com/bottega/ there are squares that have a great mouse-over effect – it is a semi-transparent black box with white text. Is there a way to make it a semi-transparent white box with black (or other color) text?

Thanks

[Bill Robbins]

Hello,

You can do that. Here’s what you’ll need to do:

1. Go to your theme options page and choose the Advanced tab.
2. Scroll down to the Custom CSS box and add this:

   
   .boxcaption { 
   	color: #000;
   	background: #fff; 
   	background: rgba(255, 255, 255, 0.8);
   }
   
   .boxcaption a, 
   .boxcaption a:visited,
   .boxcaption a:hover {
   	color: #000;
   	text-shadow: none;
   }
   

3. Update your settings.

If you have any questions or trouble, just let me know.

Thanks,
Bill

[Author]

Posts