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.

Custom CSS with text on hover.

6 years ago · Last reply by Andrew Misplon 6 years ago

Hi there!

I have recently taken over design of a client’s website – see here.

I’m not too familiar with SiteOrigin page builder and still fairly new to CSS. What I am hoping to achieve is for the viewer of the website to hover over each image, and to have a selected excerpt of the bio to appear on mouse hover over a variable background.

Is it possible to add some sort of a span to each div (I think the identifier is “pgc-1374-2-1” with the last digit moving up sequentially) which will show text over a background such as {background-color:rgba(160,20,80,0.3);}?

Do I need to download an additional widget to be able to do so?

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

Need fast email support? Get SiteOrigin Premium

Replies

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

    Hi Joseph

    Thanks for reaching out.

    I’ve written a guide to Page Builder row and widget attributes here that you may find useful in the future, perhaps as your Custom CSS knowledge grows. We also offer a visual CSS editor, SiteOrigin CSS.

    SiteOrigin Premium offers an image overlay addon. You can view the demo and documentation to get a better idea of what the overlay addon can offer.

    Designing an overlay using Custom CSS is, unfortunately, beyond the support we’re able to offer here on the forums. We’re a small operation with limited resources. Our free support mostly focusses on basic usage and troubleshooting. We’re able to expand that scope via email support for our SiteOrigin Premium users as the budget allows it.

  2. josephgmedia 6 years, 3 months ago

    Hi Andrew,
    Thank you for the clarification. I’ll dive into the CSS editor and have a play around.

  3. Andrew Misplon Staff 6 years, 3 months ago

    For sure :) Good luck.

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