jinlikegold

Hey there, not sure if you still need help with this, but I was having the same issue with the category dropdown block pushing the page elements down. I fixed it with this: .archive-block-wrapper.archive-block-setting-layout-dropdown { position: absolute; z-index: 99999!important; } I also needed to adjust the background color of my dropdown list elements so they showed up correctly. This is for the Squarespace categories block (found under Archive), so for your custom dropdown you will need to put the properties in the corresponding classes (probably .dropdown-categories). The absolute positioning and z-index make it so that the element overlaps on top of the other page elements, which is what I was looking for on my site. Hope this helps!

@thearosie@AnastasiaGand anyone else looking to resolve this same issue, I was able to adapt Tuan's code to this, which worked for my site! It is in 7.0, Brine family. .sqs-search-ui-button-wrapper .search-input { outline: none !important; }

Thank you!! That was it. I had a feeling it was something I had put in awhile back that was doing it.

Hi there! I'm having one issue styling a summary block item that I can't figure out no matter what I throw at the CSS. It's a grid-style summary block where the item's text background (white) is not extending all the way to the edges of the border. When I manually adjust the margin on .summary-content.sqs-gallery-meta-container, it works only to extend the background the top and left sides. Nothing I put on "margin-right" affects it at all. There seems to be some kind of "clear: left" property set on the summary block, but I can't override it. It's the "Community Spotlight" item on the left, second section down on the page. The top section summary block items are also in Grid and having this issue, but it's not visible because the banner background is white. I am not having this issue with any of the carousel-style summary blocks. See below for a screenshot. URL is https://www.youbelongsd.com/new-blog

If you have a personal plan, you'll want to add a code block to the page, or if you have a higher plan, you can go to your Design panel and click on Custom CSS. For the code block, try: <style> // Remove Underlines From Links // a { border-bottom: none!important; } <style> If you put it in Custom CSS, you don't need the opening and closing style tags (which indicate that the code is CSS, for the code block). You can directly just put in: // Remove Underlines From Links // a { border-bottom: none!important; } Note if used in Custom CSS, this will remove underlines from all links on your website. If you want it only to apply to your home page, you'll want to use a code block, or put your url here so folks can help you target that page only.

Nevermind, I found another solution written in plain JS on the forum. For some reason the JQuery just wouldn't work on my site, even with Ajax loading disabled.

Are these scripts for limiting text in summary blocks still working? I've tried adding to my page both in Header Injection and also in Advanced Code Injection (7.0) and neither are working. Thanks!

It looks like the headers are matching on those pages you shared, but they look different due to the transparency of the navigation bar and the background content. For example, on your home page, it displays well with the moving image underneath, but on the other pages, there are no background images. Scrolling changes what shows underneath the transparency. Could you update each page to have a similar background image? If not, you may want to customize the header on individual pages to show a solid gray background instead (which would match your homepage more closely). Hope that makes sense!