-
Posts
227 -
Joined
-
Last visited
-
Days Won
7
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by Shadmon
-
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!
- 3 replies
-
- mobile
- navigation
-
(and 1 more)
Tagged with:
-
How to create vertical timeline in Squarespace
Shadmon replied to GlynMusica's topic in Customize with code
@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; } }
-
Reducing Header Logo and Overall Height by 30%
Shadmon replied to mipu_jerome86's topic in Customize with code
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!
- 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.