I'd like to restyle my recent posts on this page: http://iap.oi-you.io/ to look more like the blog just beneath: Masonry, with drop shadows but remaining as a 3 column grid and removing the category name.
I'd also like a hover effect that increases the scale of the post and increases the shadow. Is this possible in the backend or potentially with custom CSS?
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
Hi,
I'd like to restyle my recent posts on this page: http://iap.oi-you.io/ to look more like the blog just beneath: Masonry, with drop shadows but remaining as a 3 column grid and removing the category name.
I'd also like a hover effect that increases the scale of the post and increases the shadow. Is this possible in the backend or potentially with custom CSS?
Thanks
Charlie
Hey tostevincharlie ,
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
body .blog-recent[data-style*="classic_enhanced"] .has-post-thumbnail .meta-category a { display: none !important; } .masonry.classic_enhanced .masonry-blog-item .inner-wrap, .blog-recent[data-style*="classic_enhanced"] .inner-wrap { box-shadow: 0px 30px 90px rgb(0 0 0 / 14%) !important; }Thanks
ThemeNectar Support Team
Perfect thank you