maya_m

@AlexSan Thank you! I've attached the screen recording of how it worked - the titles of each project show up simultaneously when I hover on one thumbnail. screen recording.mov

@AlexSan I'm struggling a bit because I'm unfamiliar with the code. If you could help me, I'd be very grateful!!

Hi @tuanphan! Thank you so much for checking! It's so weird that I'm not seeing some changes I've made in the "editor" mode when I look at the website as a visitor on all my devices. Could you please help me create the same blurry/dark effect in the summary carousel here where it says "watch more": https://www.sandranam.me/work/squarespace-dream-it-idris-elba I'd be extremely grateful!!

@tuanphan Sure! https://www.sandranam.me/work

Hi friends! I'm having an issue adding hover effects for images in the blog section. I was using this code to create blurry/darkening effect upon hovering over images: /* Blog List - Hover Effect */ .blog-basic-grid--text { position: absolute; top: 50%; left: 50%; text-align: center; transform: translate(-50%,-50%); opacity: 0; transition: all 0.1s; } article.blog-basic-grid--container.entry.blog-item.is-loaded { position: relative !important; transform: unset !important; } .blog-basic-grid article:hover .blog-basic-grid--text { opacity: 1; transition: all 0.1s; } .blog-basic-grid .image-wrapper:after { content: ""; background: inherit; background-color: rgba(0, 0, 0, .3); backdrop-filter: blur(5px); transition:2s; height: 80%; width: 80%; margin:auto!important; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: all 0.1s; } .blog-basic-grid article:hover .image-wrapper:after { opacity: 1; transition: all 0.2s; } .blog -basic-grid .image-wrapper { position: relative; } The blur effect shows up fine when I'm in the 'editing' mode (screenshot attached), but when I open the website from a different browser/different devices, the blurr effect doesn't appear. Please help me identify where the problem might be. Many thanks!

Hi, @melody495! Indeed, it was the quotes - omg, how could I've missed it! Thank you so much for your help!! 🙂

Hi friends! I've encountered a problem while customizing the font of the summary block header. I've used the code in CSS to change the style of the header: .summary-header-text{ font-size:28px!important; font-weight: regular!important; font-family: orpheus pro!important; color: #FC2922!important; } This code worked out - I've managed to change the size and color, but for some reason, I can't change the font family (even though I use this font (Orpheus Pro) throughout the whole website). I'd really appreciate your help!