Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
Dear Support-Team,
I created three images in a row which I just use as a backgroundgraphic of a text inside the SiteOriginEditor Widget.
Now I want a hover effect on each of these items and would like to develop it with CSS code.
I changed the widget style of the first of the images and gave it the className= “Image1”
Then I used the following code in custom CSS:
.Image1 .panel-widget-style:hover {
color: #1d2141!important;
opacity: 0.4!important;
}
But there is no chances. It never appears a hover effect.
As I even want to add text into this background…How can I reach the goal best??
Thank you for your support!
Sandra
Hi Sandra
Thanks for reaching out.
Our free support covers basic usage and troubleshooting. I wish we could help with Custom CSS modifications here on the forums. Unfortunately, it isn’t possible given our available resources. This is something we could assist with within our premium support scope.
If you aren’t yet using your browser’s web developer tool, it’s an important step to take and something I’m sure you’ll find useful when inspecting your changes. Ref https://stackoverflow.com/questions/4515124/see-hover-state-in-chrome-developer-tools.
Sorry I don’t have better news.