Canvas Support

UI of portfolio filter on hover

1 reply · opened May 25, 2021

PpardthemonsterMay 25, 2021

On version 6 of template, when applying custom colors to HTML that has the portfolio filter, the active color on hover does not behave as it does without custom color CSS. Note this issue was present prior to version 6.4, dating back to release of version 6.

Only adding this CSS link to default HTML for portfolio for example:
<link rel="stylesheet" href="css/colors.php?color=2e8ece" type="text/css" />
or
<link rel="stylesheet" href="css/colors.css" type="text/css" />

https://sundaydubs.com/portfolio.html

See the show all button on hover, white text disappears.

SSemicolon WebSTAFFMay 25, 2021

Hello,

Apologies about this Bug. Simply find the following line of code in the css/colors.css and css/colors.php File:
[ch_pre].grid-filter li a:hover,[/ch_pre]

and replace it with:
[ch_pre].grid-filter li:not(.activeFilter) a:hover,[/ch_pre]

This will definitely fix the issue. We will release an Update related to this and some other fixes later tonight. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard