Staff replied Templates

Remove green box on gallery item when hover - Floox Template

Asked by Sam 3 years ago Last activity 3 years ago

3 replies

Oldest first Newest first Most helpful
Rashida Rahman Staff
3 years ago

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

Sam Asked this
3 years ago

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

Rashida Rahman Staff
3 years ago

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

Log in to reply.