Chloe24

Thank you for your answer! It did not work, but I've added an "opacity" line to the code you sent and it worked: section#about-clients img { filter: grayscale(1); opacity: 0.5; } section#about-clients .image-block:hover img { filter: grayscale(0); opacity: 1; }

Site URL: https://ideam.squarespace.com/about-ideam Hello, I'm trying to create a hover effect on poster images. The idea is that the black logos in the "our clients" section will be grey while inactive, and turn black when hovering. The original images are black, so I tried changing the opacity when inactive, but it did not work. Can you help? Thank you!

I am having a similar issue. The svg is slightly offset on the right for every icon I used on that page: https://ideam.squarespace.com/projects/meredith-mccrindle (see image attached) I used a code block with: <div class="blog-icons"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 64 64" style="enable-background:new 0 0 64 64;" xml:space="preserve"> <style type="text/css"> .st0{fill:#D4AF37;} </style> <path class="st0" d="M46.5,5h-29L-0.3,27.1L32,59.4l32.3-32.3L46.5,5z M17.4,28l12.2,26.2L3.4,28H17.4z M19.6,28H31v24.5L19.6,28z M33,28h11.4L33,52.5V28z M46.6,28h13.9L34.4,54.2L46.6,28z M60.9,26H46.8L41.3,7h4.2L60.9,26z M39.2,7l5.4,19H33V7H39.2z M31,26 H19.3l5.4-19H31V26z M18.5,7h4.2l-5.4,19H3.1L18.5,7z"/> </svg> </div> And the following custom CSS: .blog-icons { max-width: 30px; padding-top: 0px; text-align: center; margin-left: auto; margin-right: auto; } I am using these icons on the About page too and they are properly centered there. Any idea what's happening? Thanks in advance!

Thank you! 😁

Thank you it worked! How can I add some padding below the arrows so the blog title isn't as close to the arrows above now?

Site URL: https://ideam.squarespace.com/projects/meredith-mccrindle Hello, I'm trying to move the pagination arrows (previous and next arrows), currently at the bottom of each page, to the top of the blog pages. Ideally they would be between the main navigation of the site and the blog title. Thanks in advance!

It worked, thank you!

Site URL: https://ideam.squarespace.com/projects/niras-lts-international Hello, I'm trying to stack some content on the page in a way that would look the same as on mobile. The page is: https://ideam.squarespace.com/projects/niras-lts-international I am happy with the way the page looks on both desktop and mobile, my issue is with the tablet view. I would like to have the section with the 3 icons (Infographics-Digital Creative-Branding) to stack like on the mobile view. I tried different ways, but could not make it work for a blog post. Can anyone help please? Thanks! Desktop view Mobile view Tablet view, where the text overlaps