Jump to content

Shadmon

Circle Member
  • Posts

    227
  • Joined

  • Last visited

  • Days Won

    7

Everything posted by Shadmon

  1. 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!
  2. 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!
  3. 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!
  4. 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
  5. Can you send me the link to the URL where you are facing the issue Thanks.
  6. @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!
  7. @popofglitter Please use this default URL for users to stay on the same page. /inquire Let me know if it works for you!
  8. @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!
  9. 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; } }
  10. You can use this code to Website > Website Tools > Custom CSS .header-title-logo img { max-height: 86px; } Let me know if it works!
  11. 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!
  12. 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!
  13. @FTWSGEM We can do that easily by javascript. Can you confirm you have subscribed to a business plan?
  14. 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!
  15. 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!
  16. 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!
  17. 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!
  18. 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!
  19. @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!
  20. You can add this CSS code to align them perfectly. #powerful-membership img { transform: scale(0.5); } #powerful-membership a { padding-bottom: 50%; }
  21. 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!
  22. 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 !
  23. 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; }
  24. 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.
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.