-
Posts
206 -
Joined
-
Last visited
-
Days Won
2
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by Shadmon
-
Nothing wrong with the code. Can you send the URL of your website so that I can check.
-
My site background image does not fit the mobile version.
Shadmon replied to stevevanasche's topic in Customize with code
Can you send me the URL of the website please, So that I can check. Thanks.- 1 reply
-
- code
- code-injection
-
(and 3 more)
Tagged with:
-
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'; }
- 3 replies
-
- mobile
- navigation
-
(and 1 more)
Tagged with:
-
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.