-
Posts
186 -
Joined
-
Last visited
-
Days Won
2
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by Shadmon
-
Hi @FTWSGEM The issue you're facing with the disappearing scrollbar stems from the overflow:hidden; rule applied to the body element within your CSS. So, Please remove this line from your CSS: body { overflow:hidden; } It will fix your issue. Let me know if it works!
- 4 replies
-
- code
- code-injection
-
(and 1 more)
Tagged with:
-
@FTWSGEM We can do that easily by javascript. Can you confirm you have subscribed to a business plan?
- 9 replies
-
- code
- navigation
-
(and 3 more)
Tagged with:
-
Applying Black Overlay to Homepage Banner Image
Shadmon replied to lixora_vege81's topic in Customize with code
If you want to change the overlay color of the background image by CSS. Then here it is: [data-section-id="6545523923d13742e6e76fe4"] .section-background-overlay { background-color: #000; } But, I suggest you change the overlay color from (in Styles -> Color, and pick the relevant theme) as Ziggy mentioned. I hope it helps! -
Need Help Adjusting Video Banner Height for Mobile Viewing
Shadmon replied to pawora-dase32's topic in Customize with code
For fixing the height of your homepage video banner on mobile. Please add this CSS code. Website > Website Tools > Custom CSS. @media (max-width: 640px) { #home-top { min-height: 30vh !important; } #home-top .sqs-block-spacer { display: none; } } Let me know if it works! -
How to Remove White Space Surrounding my Website
Shadmon replied to xirace_yipe90's topic in Customize with code
Hi, You can use this CSS code on your website to fix the issue : Website > Website Tools > Custom CSS. .tweak-site-border-show .Site { border: none; } Let me know if it helps! -
To disable the announcement bar: . Open the Announcement bar panel Select the Disable announcement bar from the drop-down menu. Let me know if it helps!
-
Enlarging Blog Excerpt Size on Indy Muscle Journal
Shadmon replied to yomoni_lume21's topic in Customize with code
Hi Yomoni, You are talking about the blog post excerpt, right? If yes, Please add this CSS code to your website. Website > Website Tools > Custom CSS. .BlogList-item-excerpt { font-size: 1rem; } Let me know if it works! -
@FTWSGEM Hi, You can add this CSS code. Just add your image there and it will show on hover. .burger-inner:hover::after { background-image: url(add your image url here); } Let me know if it helps!
- 9 replies
-
- code
- navigation
-
(and 3 more)
Tagged with:
-
You can add this CSS code to align them perfectly. #powerful-membership img { transform: scale(0.5); } #powerful-membership a { padding-bottom: 50%; }
-
Sounds good! You are most welcome.
-
Making Hamburger Menu Full Width on Mobile
Shadmon replied to sot-icatumyo94's topic in Customize with code
Here is the CSS code you can use. Website > Website Tools > Custom CSS. #sidecarNav { width: 100%; z-index: 9; } Let me know if works for you! -
Hi, Thank you for letting me know. Please update this CSS line only : #article- { padding-top: 0; margin-top: -80px; } Let me know if it works !
-
Hi James, Please update with the following CSS. It will solve your issue. Let me know if you still have any issues. #article- { padding-top: 0; } #article- .blog-item-wrapper .blog-item-top-wrapper { display: none; } #article- .blog-item-content-wrapper .blog-item-content .sqs-col-12 > .sqs-block-image:first-child { padding-top: 0 !important; width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; }
-
Switching Shopping Cart Icon to White in Header
Shadmon replied to sawelev_ove26's topic in Customize with code
To achieve a white color for the icon, please follow these steps to apply the CSS: Website > Website Tools > Custom CSS. .tweak-header-cart-style-cart .Header.Header--overlay .Cart { fill: #fff; stroke: #fff; } This code will change the color of the shopping cart icon to white. -
I’ve developed a Squarespace vertical timeline plugin that might be of interest to you. Works on both versions (7.0 and 7.1) The plugin is compatible with all templates and layouts. You don't need any custom code to use it, as it is built with the Squarespace editor. You can customize every aspect of your timeline, such as the colors, fonts, icons, and sizes. The plugin is also fully responsive and adapts to any screen size and device. You can see the screenshot of the two plugins here: Squarespace Vertical Timeline Squarespace Alternative Vertical Timeline I hope this plugin can be a valuable resource for those looking to add a vertical timeline to their Squarespace website. Please feel free to reach out if you have any questions or need further assistance.
-
How to create horizontal timeline in Squarespace
Shadmon replied to Noah85's topic in Customize with code
Hey, I have created a horizontal timeline plugin for Squarespace works on both versions (7.0 and 7.1) that you might find useful. It has two styles that you can see in the screenshots below. My plugin is fully compatible with Squarespace and you can customize every text and style from the editor. Squarespace Alternative Horizontal Timeline Squarespace Horizontal Timeline Plugin I hope this plugin can be a valuable resource for those looking to add a timeline to their Squarespace site. Please feel free to reach out if you have any questions or need further assistance. -
How to create vertical timeline in Squarespace
Shadmon replied to GlynMusica's topic in Customize with code
If you are looking for a way to add a timeline to your Squarespace site, you will love this Timeline Guide: https://squarestash.com/code/squarespace-timeline-guide/ It has four awesome timeline plugins for you to choose from, two of them are free and two of them are paid. Paid plugins are built with the Squarespace editor, eliminating the need for custom code. They work perfectly with the Squarespace editor and look amazing on your site. I hope you find this guide and the plugins useful and fun. If you have any questions or need any help, just let me know. I'm always happy to help. -
How to create vertical timeline in Squarespace
Shadmon replied to GlynMusica's topic in Customize with code
I wanted to share a resource that might be of interest to you. You can visit Timeline Guide Here: https://squarestash.com/code/squarespace-timeline-guide/ Here, you will find two free timeline plugins as well as two paid timeline plugins (If you don't want to code yourself). Paid plugins are built with the Squarespace editor, eliminating the need for custom code. They are user-friendly and designed to integrate seamlessly with your Squarespace site. I hope this guide and the plugins can be a valuable resource for those looking to add a timeline to their Squarespace site. Please feel free to reach out if you have any questions or need further assistance. -
How to create vertical timeline in Squarespace
Shadmon replied to GlynMusica's topic in Customize with code
Hey @GlynMusica I wanted to share that I’ve developed a Squarespace timeline plugin that might be of interest to you. Works on both versions (7.0 and 7.1) The plugin is built with the Squarespace editor, so there’s no need for custom code. It’s user-friendly and designed to integrate seamlessly with your Squarespace site. You can find the plugin here: Vertical Timeline https://squarestash.com/product/timeline-01/ and Alternative Vertical Timeline https://squarestash.com/product/timeline-02/ I hope this plugin can be a valuable resource for those looking to add a timeline to their Squarespace site. Please feel free to reach out if you have any questions or need further assistance. Screenshot of Vertical Timeline: Screenshot of Alternative Vertical Timeline: -
Code for Vertical Timeline on 7.1 (Solved)
Shadmon replied to deedee2344's topic in Customize with code
I’ve been following this thread and noticed the interest in a vertical timeline for Squarespace 7.1. I wanted to share that I’ve developed a Squarespace timeline plugin that might be of interest to you. Works on both versions (7.0 and 7.1) The plugin is built with the Squarespace editor, so there’s no need for custom code. It’s user-friendly and designed to integrate seamlessly with your Squarespace site. You can find the plugin here: Vertical Timeline https://squarestash.com/product/timeline-01/ and Alternative Vertical Timeline https://squarestash.com/product/timeline-02/ I hope this plugin can be a valuable resource for those looking to add a timeline to their Squarespace site. Please feel free to reach out if you have any questions or need further assistance. Screenshot of Vertical Timeline: Screenshot of Alternative Vertical Timeline: