Notice: These forums are now retired and closed. For active support, please Submit a Ticket or visit our official WordPress.org community pages.
Kadence Theme | Kadence Blocks | Starter Templates | WooCommerce Email Designer | Ascend | Virtue | Pinnacle
Row of Images, Becomes Opaque with Text Appearing on Hover
- This topic has 4 replies, 2 voices, and was last updated 2 years, 6 months ago by
.
Hi everyone!
New-ish to Kadence Theme/Blocks, and I am running into an issue with a site I am putting together for a client. My client wants a landing page featuring navigation bars similar to the ones that appear here: *Login to see link Basically, a row of 3 images that when hovered, the background becomes a semi-opaque grey and the cover text appears.
I know the Image Overlay block in the Pro add-on makes this easy, but my client has a pretty basic site otherwise and we can’t justify the price just for a couple of blocks on one page.
I have been working with the Section block, the Row Layout block, using advanced images and covers. I have working the Z-indexes and other CSS (display: none, :hover, etc.) and have been unable to find a solution: the images in the row remain in the “front”: the background on hover only changes in the gutters and the text doesn’t display.
After a couple of hours, and with even custom HTML not working, I struggling. Any help would be incredible!
- The forum ‘Kadence Blocks’ is closed to new topics and replies.
