Comments 1Bill started the conversationMarch 16, 2018 at 2:03pmCan you please tell me how to turn off the hover effect on the preview images of the blog articles found on the 2nd and 3rd row of this page? https://blog.cinchapi.comI'm looking to have a flat design, but can't find an option to shut this off anywhere. I've attached a screen grab and circled the element with the shadow that appears on hover. 3,034Andrew repliedMarch 16, 2018 at 8:58pmHi Bill,You can remove that effect with this CSS: .blog-recent[data-style="list_featured_first_row"] .col:hover a > img{ transform:none !important; transition:none !important; box-shadow:none; } add it to salient \ general settings - css script related - custom css code.Hope this helps. 1Bill repliedMarch 19, 2018 at 5:48pmThat did the trick. Thank you! Sign in to reply ...
Can you please tell me how to turn off the hover effect on the preview images of the blog articles found on the 2nd and 3rd row of this page?
https://blog.cinchapi.com
I'm looking to have a flat design, but can't find an option to shut this off anywhere. I've attached a screen grab and circled the element with the shadow that appears on hover.
Hi Bill,
You can remove that effect with this CSS:
.blog-recent[data-style="list_featured_first_row"] .col:hover a > img{ transform:none !important; transition:none !important; box-shadow:none; }add it to salient \ general settings - css script related - custom css code.
Hope this helps.
That did the trick. Thank you!