adamspicar

Hey tuanphan, I have similar issue like the post above. I have pages in Navigation Folder that change color correctly when the page is active. I also have a shortcut link of the same page in the navigation. I cannot get that link to look active in both the Navigation Folder and on the navigation main line. Please see attached screenshot. Here is the CSS code I used: /* NAV LIST BACKGROUND */ .header-nav-folder-content { background: #EEEEEE !important; } /* NAV REMOVE UNDERLINE */ .header-nav-item--active a{ background: unset !important; } header a { background-image: none !important; } /* NAV HOVER COLOR */ .header-nav-item a:hover { color: #C4262E !important; transition-duration: 0.3s; } /* NAV ACTIVE COLOR */ .header-nav-item--active>a, .header-nav-folder-item--active>a, .header-menu-nav-item--active>a .header-menu-nav-item--active { background-image: none !important; color: #C4262E !important; }

Okay, it worked somewhat when I uploaded circular PNG image file. It still is, however, not very precise on top and bottom of the image.

Hi Joseph, thank you for the answer. The code didn't work. When you say remove the clip-path from the image container... do you mean I need to upload just a circular image and not use internal Design>Shape feature?

https://revealtkd.squarespace.com Password: adam

Hey team, I added some images to my website and shaped them as circles. The background of the section is gold. I would like to add a white border or outline to the images. Can you please help me do that with CSS code. https://revealtkd.squarespace.com Password: adam Thank you! Website password is: adam

@SquareSpace, turn off the Fluid Engine disaster. What a HORRIBLE release! Whoever came up with this dumb and buggy idiocy needs to be fired.

Squarespace, your Fluid Engine is a disaster. Turn it off!