-
Posts
-
Hi. Completely new to this! The images in my Cryout columns are very dark, and become even darker when rolled over. How do I change that?
As an alternative I have created footers, but then the images don’t change when the curser goes over them. How could I make that happen ie get darker when rolled over.
I’ve just found some html code that I have adapted that changes the opacity on the footer. That seems to work, but having never written anything in HTML before I have no idea what I have done. I only changed it on footer 1 but it works on footer 2 and 3 as well. Is this ok?
By the way I love this theme! Never used WordPress before, but starting to get to grips with Tempera I think.
This is the code that I adapted.
<html>
<head>
<style>
img {
opacity: 1.0;
filter: alpha(opacity=100); /* For IE8 and earlier */
}img:hover {
opacity: 0.4;
filter: alpha(opacity=40); /* For IE8 and earlier */
}
</style>
</head><body>
<p>
</p></body>
</html>Hi David,
You need to delete all that code. It’s pretty messed up.
Then add the following code to the Custom CSS area of the Theme settings page:
.column-image-inside {
background: rgba(0, 0, 0, 0.2);
}The 0.2 value is actually the opacity so play with it to get your desired results.
Before posting consider reading our short theme debugging instructions.
Please read the FAQs: Mantra • Nirvana • Parabola • Tempera
Tutorials: custom menus • translating theme • installing theme • category page with intro • disabling comments Wordpress: child themes • categories/posts
Before making any modifications to your theme we strongly recommend using Child Themes.Thank you, that works.
Just another quick question.
What code should I use to change the opacity when rolled over?
That code should’ve changed the opacity when rolled over. I think you made some changes to your theme files in the process. Please install a fresh copy of the theme first.
Before posting consider reading our short theme debugging instructions.
Please read the FAQs: Mantra • Nirvana • Parabola • Tempera
Tutorials: custom menus • translating theme • installing theme • category page with intro • disabling comments Wordpress: child themes • categories/posts
Before making any modifications to your theme we strongly recommend using Child Themes.Hello Kay,
Where exactly in the Custom CSS area do I enter the code to stop the opacity on rollover? I just want my column images to stay the same all the time. I am completely new at this so please excuse my ignorance.
Thank you,
VanessaHi Vanessa,
If you don’t need the hover effect at all, just add this code:
.column-image-inside {display:none !important;}
Just paste it at the bottom of the Custom CSS area.
Before posting consider reading our short theme debugging instructions.
Please read the FAQs: Mantra • Nirvana • Parabola • Tempera
Tutorials: custom menus • translating theme • installing theme • category page with intro • disabling comments Wordpress: child themes • categories/posts
Before making any modifications to your theme we strongly recommend using Child Themes.When I use this code:
.column-image-inside {display:none !important;}
It works to remove the hover effect, But I still want the entire image underneath to act as a link.
Is there a more detailed css code to insert so this happens?Thanks!
-Evan
The topic ‘Opacity on Cryout columns’ is closed to new replies.