LJSpace
Member-
Content Count
16 -
Joined
-
Last visited
Recent Profile Visitors
The recent visitors block is disabled and is not being shown to other users.
-
willbullock reacted to an answer to a question: Summary Block: How can I set the Carousel to "autoplay"?
-
LJSpace reacted to a post in a topic: Background video loads slow and not showing on mobile
-
LJSpace reacted to an answer to a question: Force Summary Block to 3 thumbnails per row for mobile
-
Video/Image banner loading slow - is there a fix?
LJSpace replied to SheriM's topic in Images and Videos
I saw this: https://createyouronlinepresence.com/blog/2018/5/14/improve-loading-experience-when-using-a-background-video-on-squarespace Haven't tried it though, but it may solve your problem. -
PaulOMeara reacted to an answer to a question: How can I place Social Icons in Mobile Menu?
-
katherineforbes reacted to an answer to a question: Summary Block: How can I set the Carousel to "autoplay"?
-
Force Summary Block to 3 thumbnails per row for mobile
LJSpace replied to junger's question in Coding and Customization
@JonJonJon I think I'm just going to purchase this plugin instead. I need it anyway to have a summary block gallery display more than 30 items. from @michaeleparkour We have it now in Lazy Summaries https://www.squarewebsites.org/products/lazy-summaries Edited December 22, 2019 by michaeleparkour- 42 replies
-
- summary-block
- css
-
(and 1 more)
Tagged with:
-
Force Summary Block to 3 thumbnails per row for mobile
LJSpace replied to junger's question in Coding and Customization
@JonJonJon I did this by creating multiple summary blocks with the exact number of items I wanted per row at each screen width and then showing and hiding them using media queries. But I noticed that it impacted my page speed, so I'm trying to find a better solution.- 42 replies
-
- summary-block
- css
-
(and 1 more)
Tagged with:
-
LJSpace reacted to an answer to a question: How can I place Social Icons in Mobile Menu?
-
ghostplugins reacted to an answer to a question: How can I place Social Icons in Mobile Menu?
-
Change Lightbox Background Color
LJSpace replied to 360degreesla's question in Coding and Customization
Here you go: /*SquareSpace Lightbox*/ .sqs-lightbox-overlay.light { background: rgba(255,255,255,.98) !important; color: #3e3e3e; } .yui3-lightbox2 .sqs-lightbox-close:before { position: absolute; color: #445b6d; font-size: 40px; right: 5px; width: 40px; height: 40px; font-weight:900; line-height: 100%;} .yui3-lightbox2 .sqs-lightbox-previous:before, .yui3-lightbox2 .sqs-lightbox-next:before { color: #0ab0ff; font-size: 33px; font-weight: 900;}- 9 replies
-
- background
- lightbox
-
(and 1 more)
Tagged with:
-
How can I place Social Icons in Mobile Menu?
LJSpace replied to mcskin45's question in Coding and Customization
Ghost Plugins strikes again: https://www.ghostplugins.com/secret/841l164f I think you may need a business account to use this SS feature. P/W for GhostPlugins secret plugins is "whisper" I highly recommend subscribing to their list, they are awesome! From your Squarespace account, go to Site Code Injection. Copy and paste the code below into the Header Code Injection box. <script> Y.on('domready', function(){ var mobileSocial = Y.one(".Header-social").cloneNode(true).addClass('.mobile-social'); Y.one(".Mobile-overlay-menu-main").append(mobileSocial); }); </scri- 12 replies
-
- mobile
- brine-template
-
(and 2 more)
Tagged with:
-
Graying out a custom social link icon on hover of any of the other icons?
LJSpace replied to TWMW's question in Coding and Customization
Update: I also did the same for the links in my header. And I realized I didn't need the "!important;" tags since this is a new element --can you guys tell I'm new at this?! Hopefully this will help someone somewhere. Also note that I needed to decrease the font size to match the corresponding icons since the social icons in my header are a lot smaller. Alllso, for anyone wondering why I didn't just do font awesome icons in my secondary menu or tagline, I'm using a double header with a logo in the middle and navigation on either side. So this was pretty much the only option I could- 2 replies
-
- css
- custom-css
-
(and 1 more)
Tagged with:
-
Graying out a custom social link icon on hover of any of the other icons?
LJSpace replied to TWMW's question in Coding and Customization
Don't have an answer for this question. But for anyone trying to add custom social icons to the SquareSpace social icons block, I used @tuanphan's code with FontAwesome instead and am really happy with how it turned out. It's definitely not perfect (as mentioned in the above question), but will do until SquareSpace adds the additional icons we need such as Phone and Whatsapp. *Ahem* @SQUARESPACE FYI I am using the XL Circle Knockout icons! .sqs-svg-icon--wrapper.url { visibility: hidden; } .sqs-svg-icon--wrapper.url:after { visibility: visible !important; display: block !impor- 2 replies
-
- css
- custom-css
-
(and 1 more)
Tagged with:
-
bheiberg reacted to an answer to a question: Summary Block: How can I set the Carousel to "autoplay"?
-
Summary Block: How can I set the Carousel to "autoplay"?
LJSpace replied to jasonbarone's question in Coding and Customization
@eugeneoei Strange, maybe try again, I think SquareSpace made some updates. I also started using a different code for this, which I found in an earlier post since I wanted to target a specific gallery. Remember to add this to the page header code injection OR the header code injection for the Index if it's in an Index. Also it may not work in preview. Try testing it from an incognito window in your browser. <script> Y.on('domready', function () { try { var container = Y.one("#reviews"); /*change this to the slug of your page*/ var gallery = Y.Squarespace.G -
Summary Block: How can I set the Carousel to "autoplay"?
LJSpace replied to jasonbarone's question in Coding and Customization
@bheiberg change from 10000 to something like 5000 the lower, the faster "timeout":10000, -
bheiberg reacted to an answer to a question: Summary Block: How can I set the Carousel to "autoplay"?
-
Summary Block: How can I set the Carousel to "autoplay"?
LJSpace replied to jasonbarone's question in Coding and Customization
--I'm not a coder-- but I mixed code from a couple of answers and got this to work in the updated 2019 SS. Note: It does not work in the preview and you have to view your site from an incognito window (aka signed out of the backend to see it). PLUS you need to add this to the page header code injection section. If the page is in an Index, you need to add it to the Index's header code injection. <script> Y.on('domready', function () { var galleries = Y.Squarespace.GalleryManager.getGalleries(); for( i = 0; i < galleries.length; i++){ galleries[i].setAt