Home>Support>Hover effect portfolio – change opacity

Hover effect portfolio – change opacity

By Iain Beaumont, 3 years ago. Last reply by Andrew Misplon, 3 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. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 3 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    Hi Iain

    Thanks for reaching out.

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

  2. 3 years, 11 months ago Iain Beaumont

    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. 3 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    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.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More