kristyfountain

I'm dealing with the same pain point. Once all of my customer's images have been selected and uploaded and arranged on the site, I want them to be able to download all of them in bulk so they can be consistent with their imagery use outside of their website to strengthen their brand. Bummer that you can't just select all and download them all. Especially because the web design process is often where the majority of the branded images go through a culling process. 

Hi @tuanphan

How would that work if you have a text block, button, accordion, etc on one side and want to stick all of them?

See this page: https://devmods.squarespace.com/template-scooter (pw: sneakpeek)

I could use @WillMyers solution as well but I got intrigued by your FE solution.

Thanks,

Roland

Here you go:
.header-nav-folder-item-content  {
  background-image: none!important;
}

.top-bun, .bottom-bun { height: 3px !important; border: 2px solid #ababab; border-radius: 3px; }  

@rwpwhat a legend you are! how can I change it for the 3 bun menu? 😄 

Use this code for icon color
.header-menu-actions a:hover use { fill: white; }  

I guess I don't understand why it should require css. The entire point of squarespace is to avoid code. It can be slow, it can be fussy, but we don't have to code and it's always lovely right?? But yet here I am having to enter code for something that should be a simple preference... I'm disappointed.

Thanks, @iamdavehart - this works sort of. However, to add a layer of complexity, I want this effect to apply to all image blocks automatically without having to identify each #block-yui
Also, when I use the code above, it works for the drop shadow but not for the border!

image shapes use clip paths (imagine cutting a hole in a piece of paper and laying it over the top of your image), so the drop shadows that you apply won't be visible as they are outside of the clipped area. CSS box-shadow rules don't get applied after clip-path rendering so you wont' get the outline you want, but what you can do is use the "filter" rule as this happens later in the order of operations. you have to apply it to a parent element though as the image clip path will still try to clip the shadows.
The best bet as far as I can see is to target the parent "figure" element to the image and use a drop-shadow filter, e.g.
#block-yui_3_17_2_1_1635215334828_29269 figure { filter: drop-shadow(-1px 6px 3px rgba(50, 50, 0, 0.5)); } this approach is noted here
https://css-tricks.com/using-box-shadows-and-clip-path-together/