This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Hover above SiteOriginEditor Widget Item

Open 1 reply developerpluginplugin-siteorigin-css
Sunshine1990
6 years ago · Last reply by Andrew Misplon 6 years ago

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

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

1
  1. Andrew Misplon Staff 6 years, 3 months ago

    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.

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread