Remove Green Box On Gallery Item When Hover - Floox Template - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Remove Green Box On Gallery Item When Hover - Floox Template

S

Sam

Template 2 years ago

Hi, How can I remove the green box on gallery item when hover? Or Change the image overlay on hover? Thanks

example at this url: https://huegraphics.com.au/design-projects/logo-designs

0
3 Answers
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 2 years ago #105849

Hi there!

Thanks for your query.

Do you want to change the link hover color for the gallery items only?

If yes, then please use the following code in your custom CSS:

.sppb-addon-gallery .sppb-gallery li a:before{
  background-image: linear-gradient(-180deg,#ff2b02 0%,#3071ff 100%) !important;
}

Note: Path towards custom CSS(Joomla 3): Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

You can use your own desired colors in the above code:)

Best Regards

0
S
Sam
Accepted Answer
2 years ago #105987

Thanks so much for your help Rashida, That has changed the colour, which is a great start, is there also a way to change the default icon that appears on hover as well?

Thanks again

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 2 years ago #106072

Hello,

You're welcome.

You can change the icon with the following custom CSS:

.sppb-addon-gallery .sppb-gallery li a:after {
    content: '\f0f3'!important;
}

You need to change the content code to change the icon. Here you will get icon based unicode list of fontawesome here: https://fontawesome.com/v5/cheatsheet/free

Best Regards

0