Dirk-H

Site URL: https://www.haphotography.com/ Hi, Currently on mobile, Squarespace is displaying blocks in order of columns starting from the top and going down. On a few of my pages, I have two columns but I would like the blocks to display from left to right on mobile instead of top to bottom. For example, on my home page I want the order to be: Commercial, Business Portraits, Family, Stock Photos, Products, Contact (this would be displaying blocks from left to right, move down a row, left to right). Currently, it is displaying in this order on mobile: commercial, family, products, business portraits, stock photos contact. This can be a site wide change, I would like mobile to always display blocks from left to right. Thanks for any help! https://www.haphotography.com/

Thank you for your help but it didnt work. This is what I have now: .image-block:not(#image-block-ab5030adc8a73b1365ca) { transition: all .5s ease-in-out;} .image-block:not(#image-block-ab5030adc8a73b1365ca):hover { background-color: #FFFFFF; opacity: 0.5; transition: all .5s ease-in-out;} Nothing has changed. The image I dont want affected is still fading on hover.

Hello, I am currently using the below code to change images when hovering over image blocks with the curser (decrease in opacity and white on hover). .image-block { transition: all .5s ease-in-out;} .image-block:hover { background-color: #FFFFFF; opacity: 0.5; transition: all .5s ease-in-out;} I initially added this because all of the image blocks were clickable links but I have now added a few additional blocks that are only images and are not links. On these images, I do not want the image to change on hover but I want it to on images that are also links. How do I remove the custom CSS from specific image blocks/how to I apply custom CSS to specific image blocks? The images in question are on the same webpage. Thanks!