-
Posts
7,984 -
Joined
-
Last visited
-
Days Won
90
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by Ziggy
-
Changing the order of elements on mobile in 7.0
Ziggy replied to Bexster's topic in Customize with code
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 -
Cant upload any images, delaying website publishing
Ziggy replied to nowal's topic in Images & Videos
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. -
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; }
-
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
-
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; }
-
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.
-
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.
-
Try this CSS: @media only screen and (max-width:767px) { section[data-section-id="66340409d7dea276bd80b731"] { .video-block { .video-player { padding-bottom: 125% !important; } } } }
-
Excellent, thanks for marking my post as the solution!
-
Gallery Slideshow Full Bleed with filters above
Ziggy replied to aestetik_studio's topic in Site Design & Styles
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. -
More efficient way of establishing fluid galleries
Ziggy replied to GeirKH's topic in Images & Videos
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.- 1 reply
-
- gallery-block
- images
-
(and 1 more)
Tagged with:
-
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; }
-
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:
-
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; }
-
Can you create a corner radius for a footer
Ziggy replied to MoeTalks's topic in Customize with code
-
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; }
-
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:
- 1 reply
-
- code-injection
- form
-
(and 2 more)
Tagged with:
-
Try this: section[data-section-id="6639e658a5d58345e5381981"] { margin-bottom: -2px !important; }
-
Edges of site are overflowing on mobile view
Ziggy replied to iamlauraabate's topic in Customize with code
That's the perfect thing to do! What is the code causing a problem trying to do?- 9 replies
-
- mobile
- background
-
(and 1 more)
Tagged with: