Jump to content

IM_Design

Circle Member
  • Posts

    75
  • Joined

  • Last visited

Everything posted by IM_Design

  1. Here's what worked best for me in the CSS Editor: // Reduces the spacing between the Menu nav text and the site title/logo #mobile-navigation-label { max-height: 10px } // Reduces the padding and margin around the logo/title div.siteTitle.sqs-frontend-overlay-editor-widget-host { padding: 10px !important; margin: 10px !important; } // Reduces the padding around the navigation #nav { padding: 0px !important; margin-left: 40px !important; margin-top: 10px !important; } // Reduces the headers overall height #container { margin-top:20px !important; }
  2. It looks like reducing the size of the site title / logo is the only option for reducing the height of the header for desktop and mobile. I wrote a custom code solution to reduce the height further for both that I'm posting here in case it's helpful for others.
  3. Just looking to hide the blog post pagination / navigation that displays at the bottom of individual posts where it says "newer post" and "older post" with links.
  4. It looks like a platform update changed the way the underlines work, so this should work for Text Block underlines instead now. Either site-wide in the CSS Editor: a {text-decoration-line:none !important;} Or page-specific wrapped in <style> tags in the Page Header Code Injection: <style> a {text-decoration-line:none !important;} </style>
  5. Here's what worked for me in the CSS Editor: .Site-inner--index {background-color: red !important;} Just replace "red" with your own color code and that should work!
  6. Looking to update the background color for the access denied screen for Member Areas on a Brine template with version 7.0 when using the Index Page specifically.
  7. Here's what worked for me in the CSS Editor: .header-menu-nav-item a { font-size: 20px !important; }
  8. I'm not finding an option with version 7.1 yet to adjust the mobile navigation font size, any options?
  9. I was trying this out and couldn't get the page ID portion to work properly with the format above, but I was able to use this to affect my 7.1 site in general like this: @media screen and (max-width:1000px) { div>.row>.col { width: 100% !important; } } And if the page ID is added before the "div" I'm seeing it work as well like this for individual pages: @media screen and (max-width:1000px) { #collection-5dc4a4cd714889457f7615c2 div>.row>.col { width: 100% !important; } } I put the above code into the CSS Editor specifically. And I used the Chrome browser extension here to find the page ID: Chrome Extension | Squarespace Collection/Block Identifier You could also wrap it in <style> tags and put it in the Page Header Code Injection option as well to affect individual pages if you'd prefer this to using the ID: <style> @media screen and (max-width:1000px) { div>.row>.col { width: 100% !important; } } </style>
  10. Here's the solution I found that works in the CSS Editor: .eventitem-backlink {display:none}
  11. Just looking to hide the "Back to All Events" link that displays at the top left when viewing an individual event on an Events Page. It was an option for v7.0 but I don't see a way to do that for v7.1.
  12. Looks like they use a background image for the underlines instead of text decoration or borders, so this worked for me in the CSS Editor: a {background-image:none !important;}
  13. Just want to remove the underline for text links on a version 7.1 site.
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.