tuanphan

Add to Design > Custom CSS /* Footer transparent */ body.homepage { position: relative; } body.homepage footer#footer-sections { position: absolute; bottom: 0; left: 0; z-index: 999; width: 100%; } body.homepage footer.sections section, body.homepage footer.sections .section-background, body.homepage footer.sections .section-border { background: transparent; }

Hi, Can you share link to this page?

Hi, Can you share link to this page?

What is your site url? We can check easier

You have a syntax error in CSS box. If you look at right bottom corner, you will see a red notice. Can you send all current code? We can check easier

Add to Design > Custom CSS /* Blog Posts Image */ .tweak-blog-list-item-body-show .BlogList-item-body .image-block { max-width: 450px; margin: 0 auto; }

The link doesn't exist. Can you enable it?

I miss a - symbol. Use this new code <script> if (document.location.pathname.indexOf("/shop/manufacturing") == 0) { document.querySelector('body').classList.add('t-active') } if (document.location.pathname.indexOf("/shop/supply") == 0) { document.querySelector('body').classList.add('t-active') } </script> <style> body.t-active header#header [href*="/shop/manufa"], body.t-active header#header [href*="/shop/supply"] { border-bottom: 1px solid; } </style>

https://keystoneprojects.squarespace.com/?noredirect Add to Design > Custom CSS body.homepage section:first-child { padding-top: 0px !important; } body.homepage { overflow: hidden; }

I see you removed footer on homepage. Do you still need help?

You can use this CSS code a.blog-categories[href="/blog/category/calm"] { background-color: #f1f5f8; padding-left: 5px; padding-right: 5px; } a.blog-categories[href="/blog/category/health"] { background-color: #f8f9e9; padding-left: 5px; padding-right: 5px; }

You can consider using Accordion Block Adding an Accordion Block under Text Block, and we can give you code to show text on desktop (hide accordion) and show accordion on mobile (hide Text Block)

It looks like you figured it out?

Hi, What should it look like?

Desktop Remove code I sent & use this new code section#about-susie>div { padding-left: 0; padding-right: 0; } div#block-yui_3_17_2_1_1687701279148_3882 { position: relative; z-index: 99999999999; } @media screen and (min-width:901px) { div#block-yui_3_17_2_1_1687657911292_3269 { position: absolute; top: 150px; left: 0; width: 100%; z-index: 9999; padding: 0px !important; } } Mobile You can add text under image, we can give code to hide it on desktop, I think this is easiest way.

/config is url for site owner If you look at top right or top left > you will see an arrow > click on it > real url will appear on browser address bar

For desktop + mobile?

Add to Design > Custom CSS /* Footer newsletter */ div#block-yui_3_17_2_1_1687827588907_5051 input { padding-bottom: 5px !important; padding-left: 0px !important; }

Hi, Currently It is 1px

Can you share link to page where you use form?

Like this top section? https://thung.squarespace.com/poster-block?noredirect Pass: abc Here I used Image Block

Hi, Yes. This is possible with code. Can you share link to page where you use Masonry? We can check easier You can also add this code to Design > Custom CSS (this code should work if you add links to images) /* Masonry hover 2 */ figure.gallery-grid-item { position: relative; } .gallery-caption, .gallery-caption-wrapper { position: static !important; z-index: 100 !important; top: unset; transform: unset; height: initial; opacity: 1 !important; } /* title */ .gallery-caption-content { position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: flex; justify-content: center; align-items: center; z-index: 999; padding: 7%; transition: opacity ease 200ms !important; opacity: 0 !important; pointer-events: none; } .gallery-masonry-item:hover .gallery-caption-content { opacity: 1 !important; } /* overlay */ .gallery-masonry-item-wrapper a:after { background: rgba(0,0,0,0.5); /* overlay color */ content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; transition: opacity ease 200ms !important; } .gallery-masonry-item:hover .gallery-masonry-item-wrapper a:after { opacity: 0.75; } /* remove gap */ figcaption { padding: 0 !important; }

Change to this code #radio-9f4ae85f-dca3-4c51-8499-34dcf51c00bd input { opacity: 1 !important; }

It looks fine to me.

Try adding to Design > Custom CSS @media screen and (min-width:768px) { div#block-117987cac4fb9d9629f7 span { float: left; min-width: 130px; } div#block-117987cac4fb9d9629f7 em { font-style: normal; }}