-
Posts
170 -
Joined
-
Last visited
-
Days Won
2
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by lu.diehl
-
How to make menu navigation a drop down on mobile
lu.diehl replied to a topic in Customize with code
Here's a plugin from @ChrisSE : https://schwartz-edmisten.com/shop/modern-mobile-menu-dropdown-for-squarespace- 38 replies
-
Change size of specific image when viewing on mobile
lu.diehl replied to doshea's topic in Customize with code
Hey @ACScruggs-- can you share a link to your website?- 93 replies
-
- brine-template
- mobile
-
(and 2 more)
Tagged with:
-
Hide Navigation Bar on only one Page Brine family Template
lu.diehl replied to JuBalas's topic in Customize with code
@luisgonzalez- were you able to fix it? because I don't see any logo when viewing the site on desktop or mobile.- 22 replies
-
- brine-template
- custom-template
-
(and 1 more)
Tagged with:
-
Hide Navigation Bar on only one Page Brine family Template
lu.diehl replied to JuBalas's topic in Customize with code
Are you using a brine template family? Better yet, can you share the link to your site?- 22 replies
-
- brine-template
- custom-template
-
(and 1 more)
Tagged with:
-
Brine: Nav to change color after scrolling past Hero
lu.diehl replied to AThompson_social's topic in Customize with code
Hi @Adam9 - if that is one of your website colors, you can go to your first section and change the background color of that section. The navigation inherit the color of the first section in the Squarespace 7.1 version. Let me know if this worked!- 33 replies
-
- brine-template
- scrolling
-
(and 3 more)
Tagged with:
-
Changing slideshow banner height on homepage in Bedford
lu.diehl replied to Emmyk1's topic in Customize with code
@mabros - are you planning to switch to bedford or you'll stay with brine? The CSS change depending on the template and I can only help with the current template installed. Also, I don't see a slideshow on your site. Can you share the page where the slideshow or banner you want help with is located? -
Changing slideshow banner height on homepage in Bedford
lu.diehl replied to Emmyk1's topic in Customize with code
@mabros - can you share the link to the page you want to hide the banner? -
Changing slideshow banner height on homepage in Bedford
lu.diehl replied to Emmyk1's topic in Customize with code
Hey @tantrum - try adding the code in the response above, if it doesn't work since it is a different template please share a link to your website (and psw if needed) -
Changing slideshow banner height on homepage in Bedford
lu.diehl replied to Emmyk1's topic in Customize with code
@Monte63 - sorry for the late response. Let me know if this works: .collection-type-page.has-promoted-gallery.transparent-header .promoted-gallery-wrapper .sqs-gallery-block-slideshow { height: 450px !important; background-color: #FFFFFF; } @media only screen and (max-device-height: 640px) .collection-type-page.has-promoted-gallery.transparent-header #promotedGalleryWrapper .sqs-gallery-block-slideshow, .collection-type-page.has-promoted-gallery.transparent-header .promoted-gallery-wrapper .sqs-gallery-block-slideshow { height: 200px !important; background-color: #FFFFFF; } -
Changing slideshow banner height on homepage in Bedford
lu.diehl replied to Emmyk1's topic in Customize with code
Hi @Monte63 - can you share a link (and password if protected) to your website? -
Changing slideshow banner height on homepage in Bedford
lu.diehl replied to Emmyk1's topic in Customize with code
Yes, you can actually change the min-device-width to whatever you want, but for general iPad layouts use 768px. //* For general iPad layouts *// @media only screen and (device-width: 768px) { /* Code goes here */ } -
Changing slideshow banner height on homepage in Bedford
lu.diehl replied to Emmyk1's topic in Customize with code
Hi @DaleBoettcherPhoto, the code I wrote before isn't great actually... I would try it differently this time. If you're looking to change it only in one page then add the code below to the page setting > Advanced instead of adding it the general Custom CSS. If you're looking to change it all pages, add it to Design > Custom CSS and remove the <style> tags. <style> @media only screen and (min-device-width: 640px){ .promoted-gallery-wrapper { height: 500px!important; } .sqs-gallery-design-stacked-slide { height: 500px!important; } .sqs-gallery-controls .next, .sqs-gallery-controls .previous{ top: 250px!important; } } </style> Let me know how it looks... if you need further help, please share a link to your website. -
Brine: Nav to change color after scrolling past Hero
lu.diehl replied to AThompson_social's topic in Customize with code
Hi @AThompson_social - I've used this in the past and it worked well for me on Brine template: 1. Add this to Settings > Advanced > header code injection: (Change the scroll height you wish to change the color, here it is set to 400 px) <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script> $(window).on("scroll", function() { if($(window).scrollTop() > 400) { $(".Header").addClass("on-scroll"); } else { $(".Header").removeClass("on-scroll"); } }); </script> 2. Add this to Design > Custom CSS Change the background color you wish to use. If your navbar is transparent at the starting point, then remove the last piece of code (.Site-inner) .Header{ background-color: blue!important; position: fixed!important; transition: 0.2s all linear; -webkit-transition:background-color .4s; -moz-transition:background-color .4s; transition:background-color .4s; } .on-scroll{ background-color: red!important; } .Site-inner{padding-top: 50px;} Let me know how it goes! Your website is pwd protected... if you want further help, please share the password 😉- 33 replies
-
- brine-template
- scrolling
-
(and 3 more)
Tagged with:
-
Change size of specific image when viewing on mobile
lu.diehl replied to doshea's topic in Customize with code
@New_Designer try looking for the image block ID. The block ID starts with "block-" followed by a set of numbers, for example: id="block-5a6263c01ea450cffcf0" as shown in the image attached. If you need further help, please share a link to your website 😉 If you use the Google Chrome browser there is this really helpful extension called the Squarespace Collection/Block Identifier which saves me time identifying any block ID in Squarespace. It shows the Squarespace page collection ID and permanent block IDs when you enable it. https://chrome.google.com/webstore/detail/squarespace-collectionblo/bggpdfnccodbnmcndckmeehdjkjojkde- 93 replies
-
- brine-template
- mobile
-
(and 2 more)
Tagged with:
-
How to remove metadata when you have multiple blog pages
lu.diehl replied to Aalok's topic in Customize with code
You add the code to the blog page you want to remove the metadata, and not to the site wide custom CSS. To do so, go to your portfolio page settings, choose Advanced > Page Header Code Injection and add the code between <style> </style> If you want further help, please share a link to your website 🙂- 5 replies
-
- brine-template
- custom-css
-
(and 2 more)
Tagged with:
-
Changing slideshow banner height on homepage in Bedford
lu.diehl replied to Emmyk1's topic in Customize with code
Copy and paste the code below to your Custom CSS. Change the height value to what you want. Let me know if this works... .collection-type-page.has-promoted-gallery #promotedGalleryWrapper .sqs-block, .collection-type-page.has-promoted-gallery .promoted-gallery-wrapper .sqs-block, { max-height: 500px!important; } .sqs-gallery-design-stacked-slide { height: 500px!important; } -
Changing slideshow banner height on homepage in Bedford
lu.diehl replied to Emmyk1's topic in Customize with code
@Emmyk1 can you share a link to your website? -
Change size of specific image when viewing on mobile
lu.diehl replied to doshea's topic in Customize with code
Hi! Thanks for pointing it out! 🙂- 93 replies
-
- brine-template
- mobile
-
(and 2 more)
Tagged with:
-
Change size of specific image when viewing on mobile
lu.diehl replied to doshea's topic in Customize with code
Hi @doshea Find the unique ID of the image, change "#block-unique-ID" to your image ID and apply the code below: /* mobile screens */ @media only screen and (max-width: 640px) { #block-unique-ID{ width: 50%; } } /* tablet screens */ @media only screen and (max-width: 768px) { #block-unique-ID{ width: 100%; } } Let me know if it works 😉 If you need further help, please share a link to your website and pwd if needed.- 93 replies
-
- brine-template
- mobile
-
(and 2 more)
Tagged with:
-
Hide Navigation Bar on only one Page Brine family Template
lu.diehl replied to JuBalas's topic in Customize with code
The code you have should work, but if you want me to take a look please share a link (and pwd if needed) to your website. /* HIDE THE PRIMARY NAVS */ #collection-5d58db8548099500014d80bb .Header-nav--primary { display: none!important; } /* HIDE THE PRIMARY AND SECONDARY NAVS */ #collection-5d58db8548099500014d80bb .Header-nav { display: none!important; }- 22 replies
-
- brine-template
- custom-template
-
(and 1 more)
Tagged with:
-
Hey @NotAHologram, can you share a link to your website and pwd if it is pwd protected?
- 44 replies
-
- custom-css
- audio
-
(and 1 more)
Tagged with: