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!

@FTWSGEM We can do that easily by javascript. Can you confirm you have subscribed to a business plan?

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!

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!

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!

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!

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.

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;
}

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.

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.

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.

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.

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:


 

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: