Shadmon

Nothing wrong with the code. Can you send the URL of your website so that I can check.

Please add this CSS to your website: You can add this code to Website > Website Tools > Custom CSS

[data-section-id="662c41b962de8c5dc3b3d279"] .section-background {
    width: 100%;
    left: 0 !important;
    bottom: 0 !important;
}

Let me know if it works!

Can you send me the URL of the website please, So that I can check.

Thanks.

Sure, you can use the squaresapce icon. Just replace the value on this code :

Here is the dropdown icon code:

.Mobile-overlay-nav-item--folder::after {
    content: '\00BB';
}

Here is the before icon code:

.Mobile-overlay-folder-item--toggle::before {
    content: '\00AB';
}

Here is the updated code. Please use this one instead :

.ProductItem-details .product-quantity-input input {
    border-radius: 50px;
    border-color: #41413f;
    padding: 15px 30px;
    text-align: ;
    text-align: center;
}

let me know if it works!

Sure, Please add this CSS too:

.ProductItem-details .product-quantity-input input {
    border-radius: 50px;
    border-color: #41413f;
    padding: 15px 30px;
}

You can approve the answer as the solution if it helps you. Good day!

Please add this CSS to your website: You can add this code to Website > Website Tools > Custom CSS

.ProductItem-details .variant-radiobtn-wrapper input[type="radio"]:checked + label {
    color: #fff !important;
}

Let me know if it works!

Can you make the website password-protected and give me the password so that I can check? Here is the guideline : https://support.squarespace.com/hc/en-us/articles/205815528-Site-wide-passwords

Can you send me the link to the URL where you are facing the issue

Thanks.

@ANDREY_DANILOV Please add this CSS code to your website :
 

.Mobile-overlay-nav-item.Mobile-overlay-nav-item--folder {
    text-align: center;
}

.Mobile-overlay-menu {
    left: 30px;
}
.Mobile-overlay-close {
    z-index: 999 !important;
}

Let me know if it works!

@popofglitter Please use this default URL for users to stay on the same page.

/inquire

Let me know if it works for you!

@leeloolizzie330 You're very welcome! I'm thrilled to hear that the plugin was a timely solution for you. Best of luck with your portfolio and job applications!

Here is the CSS code that will ensure your slider text is responsive on both desktop and mobile devices. You can add this code to Website > Website Tools > Custom CSS

#home-hero-slideshow-banner .Index-gallery-item-content-heading {
    font-size: 3em;
    padding-bottom: 5rem;
}
@media screen and (max-width: 640px) {
#home-hero-slideshow-banner .Index-gallery-item-content-heading {
    font-size: 2em;
}
#home-hero-slideshow-banner .Index-gallery-control {
    margin-top: -130px !important;
}
#home-hero-slideshow-banner {
    height: 45vh;
}
#home-hero-slideshow-banner .Index-gallery-item {
    height: 40vh !important;
}
}

You can use this code to Website > Website Tools > Custom CSS

.header-title-logo img {
    max-height: 86px;
}

Let me know if it works!

 

To specifically target the first paragraph (<p>) of your banner text, you can use the following CSS code:

#intro p:first-child {
    color: #fff;
}

Let me know if it helps!

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.