IM_Design
Circle Member-
Posts
75 -
Joined
-
Last visited
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by IM_Design
-
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; }
-
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.
-
Here's what worked for me in the CSS Editor:
- 1 reply
-
- bedford-template
- css
-
(and 2 more)
Tagged with:
-
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.
- 1 reply
-
- bedford-template
- css
-
(and 2 more)
Tagged with:
-
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>
- 18 replies
-
- squarespace-7.1
- css
-
(and 1 more)
Tagged with:
-
7.0 Brine: Member Area access denied screen background color
IM_Design replied to IM_Design's topic in Customize with code
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!- 2 replies
-
- member areas
- color
-
(and 2 more)
Tagged with:
-
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.
- 2 replies
-
- member areas
- color
-
(and 2 more)
Tagged with:
-
Adjusting the font size for mobile navigation links
IM_Design replied to IM_Design's topic in Customize with code
Here's what worked for me in the CSS Editor: .header-menu-nav-item a { font-size: 20px !important; }- 3 replies
-
- css
- navigation
-
(and 1 more)
Tagged with:
-
I'm not finding an option with version 7.1 yet to adjust the mobile navigation font size, any options?
- 3 replies
-
- css
- navigation
-
(and 1 more)
Tagged with:
-
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>
-
7.1 Events Page: Hiding the "Back to All Events" link
IM_Design replied to IM_Design's topic in Customize with code
Here's the solution I found that works in the CSS Editor: .eventitem-backlink {display:none}- 15 replies
-
- events-page
- events
-
(and 1 more)
Tagged with:
-
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.
- 15 replies
-
- events-page
- events
-
(and 1 more)
Tagged with:
-
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;}
- 18 replies
-
- squarespace-7.1
- css
-
(and 1 more)
Tagged with:
-
Just want to remove the underline for text links on a version 7.1 site.
- 18 replies
-
- squarespace-7.1
- css
-
(and 1 more)
Tagged with: