Jump to content

JayVanDyke

Circle Member
  • Posts

    360
  • Joined

  • Last visited

6 Followers

Personal Information

Recent Profile Visitors

1,045 profile views
  1. You will never be able to add a text box to that section without using some kind of custom javascript and really there's no reason to when you can adjust the spacing with CSS or within the section settings. My code is to remove the space from above the videos. Then you add the text box section above it.
  2. If you want the text box you could try this in cusom CSS if there's no height controls for that page section. .lessons-list-section .lessons.collection-content-wrapper { padding-top: 3vw !important; //change this number. default for your page is 4vw } change that 3vw to whatever works best. It's currently 4vw so 3 may be enough for you when you put the code in.
  3. You cannot add a text box without adding a section to the top, the videos are in a gallery type section. Why don't you want to add a section up there? You should be able to adjust it's height and bottom padding enough to make it look like it's attached to those videos.
  4. No that’s a css thing. There may be some code for that in the installation page though at the bottom, there’s a section for styling. It just depends on what buttons and whether he’s provided that code there.
  5. That part is different. Remove everything between these two red marks including the comma and those curly brackets.
  6. under the sort settings in your code, change it to "false"
  7. Hi Jay, 

    I noticed that you were able to weigh in on Mindbody widget issues - so Im wondering if you can help me understand what's going on here. 

    I'm attempting to place a scheduling widget into our page, which worked for a couple of weeks. I think Squarespace ran an update that the code isn't interacting well with.

    The widget calendar appears blocked by another object, and I am struggling to nail down a fix. 

    I'm using this code

    <script src="https://widgets.mindbodyonline.com/javascripts/healcode.js" type="text/javascript"></script>
    <healcode-widget data-type="appointments" data-widget-partner="object" data-widget-id="7c115956242d" data-widget-version="0" ></healcode-widget> 

     

    To embed the widget - however, this is what is happening 

     

    Image_2024-03-02_04-59-01.png

  8. I don't see the CSS implemented anywhere? These all need to be in your custom CSS and the background color part needs to be changed into the color you want. .kitchen #sections .page-section:first-child { .section-background { background-color: #000; //change to your color } } .style #sections .page-section:first-child { .section-background { background-color: #000; //change to your color } } .luxury #sections .page-section:first-child { .section-background { background-color: #000; //change to your color } } .tech #sections .page-section:first-child { .section-background { background-color: #000; //change to your color } } .health-leisure #sections .page-section:first-child { .section-background { background-color: #000; //change to your color } }
  9. @MikeM100 try something like this in your custom css. This should make everything 0 and lined right up but if you increase that bottom margin part in the second line you can adjust spacing as you want. .sqs-block-gallery .slide { margin-bottom: 0px; //increase this for your spacing between images .image-slide-anchor, .content-wrapper, .intrinsic-inner { padding-bottom: 0 !important; height: 100% !important; } .thumb-image, img { height: auto; width: 100% !important; height: 100% !important; top: 0 !important; left: 0 !important; display: block; } .sqs-video-overlay, .sqs-video-wrapper { position: relative !important; top: 0 !important; left: 0 !important; height: 100% !important; width: 100% !important; } }
  10. You need to use a collection like a blog to hold the images and descriptions and then use universal filter to make the filtering part work like this I did here https://www.motheruntitled.com/experts In this site, the coaches are each a blog post and the popup is from the blog post content itself, the grid is the blog page but you can also do this with a summary block. Universal filter is here (affilliate link...) https://www.bergendesign.co/universal-filter
  11. @kodrury sorry! Got bogged down with client work. I don't think this is doable with just CSS alone. Try this in your page header code injection for js. This takes the name of the category in the URL and turns it into the class for the page so you have something different about this vs the main page. SS doesn't seem to change anything we can use to style the category pages easily. <script> document.addEventListener("DOMContentLoaded", function() { var categoryURL = window.location.href; var index = categoryURL.lastIndexOf('/'); var categoryClass = categoryURL.substring(index + 1); categoryClass = categoryClass.split("?")[0].split("#")[0]; document.body.classList.add(categoryClass); }); </script> then for your sub pages do this but rename it based on your category names. For the /tex store it would be things like .health-leisure .kitchen .style .luxury .tech Any other type of character like the & will get removed and any spaces turned into "-" .categoryName #sections .page-section:first-child { .section-background { background-color: #000; //change to your color } } You also have one of the background effects turned on. I think you need to turn that off for this to work.
  12. Still says the site is private instead of password protected. Also your link when you share should end right after .com if we go to the /config part it’ll try to log us in as editors and no one here would have access.
  13. We'll need a link to your site and if it's still private set a site password so someone can take a look.
  14. @kodrury you'll need to add a site password to your site so we can see it. https://support.squarespace.com/hc/en-us/articles/205815528-Site-wide-passwords But also #collection-olemiss seems odd to me considering most of SS other selectors.
  15. First, even with this library I don't think you can target things inside the iframe with JS directly like you're trying to do but secondly, this line here document.querySelector("#content") {padding: 0px !important;} is javascript and won't do anything inside of style tags. I wonder if it's loading the library and trying to attach to your iframe before it's even on the page since it's loading in a lightbox after you click. On the plugin settings page you could try their code injection or maybe try preloading the popups, that one is just a checkbox in the setup page. If none of that works I'm not sure what else to do without really getting into the site. Feel free to dm me if youd like to chat about it!
×
×
  • 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.