Jump to content

Ziggy

Circle Member
  • Posts

    7,984
  • Joined

  • Last visited

  • Days Won

    90

Everything posted by Ziggy

  1. You could try this method: The text block ID is: #block-yui_3_17_2_1_1525624279268_10782 Image block: #block-yui_3_17_2_1_1525624279268_6032
  2. Have you tried contacting Squarespace Support? https://support.squarespace.com/hc/en-us/requests/new#choose-topic This doesn't sound like something that can be solved by the community, but you could try clearing your browser cache as that might be causing the problem.
  3. Try this Custom CSS: .header-nav .header-nav-item--folder .header-nav-folder-content { min-width:unset; width: 120px !important; } .header-nav .header-nav-item--folder .header-nav-folder-content .header-nav-folder-item { white-space: initial; }
  4. I'm surprised that your content/design disappeared so quickly, I was expecting you to say it had been 6 months since the trial expired! There are no tools to revert to previous versions of your design on Squarespace. What you should do is become a Circle member as that will get you 180-day trials, and if that expires then you can easily extend by another 180 days by speaking to Squarespace Support. https://pros.squarespace.com/blog/getting-started-with-circle
  5. How long was there between the trial expiring and purchasing? You couldn't make contact with Squarespace or they couldn't help?
  6. No, inside the other one without the a .header-menu-cta { background-image: url(https://static1.squarespace.com/static/660bdbdeae504c499ef00e57/t/661fc0069693ad2a335845be/1713356806553/Stints+Logo_Website.png); background-size: contain; background-repeat: no-repeat; padding: 0em; max-width: 120px; margin-left: 6vw; } .header-menu-cta a { background-color: transparent !important; border-color: transparent !important; } .header-menu-cta:hover { opacity: 0.8; }
  7. Add this inside .header-menu-cta max-width: 120px; margin-left: 6vw;
  8. Use this and add your two video block IDs: //desktop - hide mobile video @media only screen and (min-width:768px) { #block-id { display:none; } } //mobile - hide desktop video @media only screen and (max-width:767px) { #block-yui_3_17_2_1_1714860073696_44912 { display:none; } } Then adjust the mobile/desktop layout to look good.
  9. You need to add the videos to 2 video blocks and then we can use CSS to show/hide each video block on desktop/mobile.
  10. Try this CSS: @media only screen and (max-width:767px) { section[data-section-id="66340409d7dea276bd80b731"] { .video-block { .video-player { padding-bottom: 125% !important; } } } }
  11. Excellent, thanks for marking my post as the solution!
  12. You can use this plugin to add filters to a gallery in Squarespace: https://www.squarewebsites.org/squarespace-plugins/p/universal-filter#:~:text=Universal Filter works with any Squarespace List Collections%3A Blog%2C Products%2C Gallery%2C Events%2C Album or Custom Post Types.
  13. There isn't a way to disable demo content, though that would be useful! You can use shift+click the first and last to select and delete all the images at once, it's not a solution, but only takes 2 seconds to do.
  14. Try without the a .header-menu-cta { background-image: url(https://static1.squarespace.com/static/660bdbdeae504c499ef00e57/t/661fc0069693ad2a335845be/1713356806553/Stints+Logo_Website.png); background-size: contain; background-repeat: no-repeat; padding: 0em; } .header-menu-cta a { background-color: transparent !important; border-color: transparent !important; } .header-menu-cta:hover { opacity: 0.8; }
  15. You don't need code for this. Edit the page and then click edit content on this section. Go to the design tab and scroll down to style and edit the font size:
  16. Add this: .header-menu-cta a { background-image: url(https://static1.squarespace.com/static/660bdbdeae504c499ef00e57/t/661fc0069693ad2a335845be/1713356806553/Stints+Logo_Website.png); background-size: contain; background-repeat: no-repeat; padding: 0em; } .header-menu-cta a { background-color: transparent !important; border-color: transparent !important; } .header-menu-cta a:hover { opacity: 0.8; }
  17. You can use the section divider: Apply the divider to the section directly above the footer.
  18. If you replace the text with this code block: <p>As the days warm up, nothing quite matches the refreshing joy of a <span class="gradient-text">Sweet Strawberry Smoothie.</span></p> And use this in Custom CSS and add the color gradient you want: .gradient-text { color:#AA4A44; background: -webkit-linear-gradient(#eee, #333); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
  19. You can't do this in a single form, but depending on your setup, you could do this by have two pages (one for each Estate Planning or Probate) and use links from another page to direct a client to the correct page/form. Alternatively you could use a plugin like this to create "tabbed" content so you can select Estate Planning or Probate and the corresponding form will be displayed:
  20. Try this: section[data-section-id="6639e658a5d58345e5381981"] { margin-bottom: -2px !important; }
  21. That's the perfect thing to do! What is the code causing a problem trying to do?
×
×
  • 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.