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 effect portfolio – change opacity

Open 3 replies developerpluginplugin-widgets-bundle
Iain Beaumont
5 years ago · Last reply by Andrew Misplon 5 years ago

Dear SiteOrigin,

I am trying to change the opacity of the background colour when you hover over the portfolio widget. If I set the opacity to ‘1’ in CSS, the text title disappears. If the opacity is less than 1, the change is also reflected in the text.

The CSS I have used (with no luck) is:

.project.small a:hover{
background-color: #fae2d6;
opacity: 1;
}

How can I set the background colour opacity to 1 and still have the title text of the project appear over that?

Any help would be hugely appreciated.

Kindest

Iain

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

Need fast email support? Get SiteOrigin Premium

Replies

3
  1. Andrew Misplon Staff 5 years, 4 months ago

    Hi Iain

    Thanks for reaching out.

    Do you perhaps know how the author is of the widget in question?

  2. Iain Beaumont 5 years, 4 months ago

    Hi Andrew,

    Thank you for your reply. The portfolio widget came with the Create Theme by Theme Trust as part of the page builder.

    Does this help?

    Many thanks in advance

    Iain

  3. Andrew Misplon Staff 5 years, 4 months ago

    Hi Iain

    Thanks for the update. It might be best to chat with Theme Trust, as far as I’m aware, they are the authors of the widget in question.

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