-
AuthorPosts
-
June 23, 2020 at 4:13 pm #1224907
Hi please cab you let me have the css to reverse the saturation effect in the masonry gallery so it goes from full saturation to low on hover.
ThanksJune 24, 2020 at 6:21 am #1225031Hey fanlokbun,
So you want to fade the image a bit on hover? Please provide a link to the site/page in question so we can look into this further.
Best regards,
Jordan ShannonJune 24, 2020 at 11:48 am #1225145June 25, 2020 at 2:53 pm #1225532Hi fanlokbun,
Can you please share credentials too? We cannot see the page like this.
Best regards,
VictoriaJune 25, 2020 at 3:35 pm #1225552This reply has been marked as private.June 25, 2020 at 5:22 pm #1225616Hi fanlokbun,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
#top .av-hover-overlay-desaturation .av-masonry-image-container { -webkit-filter: saturate(100%); filter: saturate(100%); } #top .av-hover-overlay-desaturation .av-masonry-entry:hover .av-masonry-image-container { -webkit-filter: saturate(30%); filter: saturate(30%); }
If you need further assistance please let us know.
Best regards,
VictoriaJune 26, 2020 at 11:37 am #1225773Many thanks Victoria that works perfectly.
I have another problem I can’t fix on the site. The full width sub menu font size is too small. I need it to be about 17px.
Also the sub menu does not highlight the page you are on like the main menu. Is this possible to fix?
Thanks
RobJune 26, 2020 at 4:10 pm #1225913Hi Rob,
Where can we see the submenu?
Best regards,
VictoriaJune 26, 2020 at 5:12 pm #1225938June 29, 2020 at 3:45 pm #1226483Hi fanlokbun,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
#menu-projects .avia-menu-text { font-size: 17px; } #menu-projects .current-menu-item { border-bottom: 2px #ccc solid; }
If you need further assistance please let us know.
Best regards,
VictoriaJune 29, 2020 at 4:40 pm #1226502Perfect!
Many thanks VictoriaJune 29, 2020 at 7:37 pm #1226562Hi fanlokbun,
Glad we could help :)
If you need further assistance please let us know.
Best regards,
VictoriaJune 30, 2020 at 11:53 am #1226700Sorry the font needs to be the same colour as the bar too. Like the main navigation. I can’t get it to work.
July 2, 2020 at 1:04 pm #1227478Is this ticket closed? Just need the font colour change as well. Thanks
July 3, 2020 at 7:26 pm #1227804Hi fanlokbun,
You can check the color when you right-click on the element and choose the inspect element option.
Anyway, which color are you referring to?
Best regards,
VictoriaJuly 4, 2020 at 10:49 am #1227897I want the current-menu-item state of the sub menu to work the same as the main menu. At the moment only the line underneath changes colour. The font should also change colour (#fff)
ThanksJuly 7, 2020 at 11:45 am #1228540Hi fanlokbun,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
#menu-projects .current-menu-item .avia-menu-text { color: #fff; }
If you need further assistance please let us know.
Best regards,
VictoriaJuly 7, 2020 at 11:58 am #1228551Excellent thanks Victoria. You can now close the ticket. Sorry to be a pain.
RobJuly 7, 2020 at 6:55 pm #1228658Hi fanlokbun,
Great :)
Glad we could help!
We are closing the thread.
If you need further assistance please let us know in a new one.
Best regards,
Victoria -
AuthorPosts
- The topic ‘Reverse saturation effect masonry gallery’ is closed to new replies.