Is it possible to make top layer and headline transparent in a column on hoover

Support
#1

Hi guys,

I was wondering if it is possible to make a top layer (which is just a color) and the headline disappear on hover.

What I am wanting to achieve is that the background image in the column stands out more along with the button on hover.

Please refer to http://barryfamilybutchers.naomipearce.com/ and see section 2 (about us section).

I hope this makes sense… I look forward to hearing from you soon with some good news! :slight_smile:

Many thanks in advance,
Naomi

#2

Hi @BlissfulBellies,

Thanks for writing in!

The feature you are looking for in only possible through custom CSS. however, custom CSS stuff is out of our theme support scope.
I will try my best to help you with this.

  1. Please add one custom CSS class to each of the columns you want to have the effect.

  1. Please add this CSS to your theme option -> CSS or page CSS.
.custom-class:hover .x-bg-layer-upper-color, .custom-class:hover .x-text-headline {
opacity: 0;
}

Hope this helps!
Thanks

#3

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.