Jump to content

tuanphan

Circle Member
  • Posts

    65,335
  • Joined

  • Last visited

  • Days Won

    521

Everything posted by tuanphan

  1. Can you share link to main blog page? We can check easier
  2. With header nav links, use this CSS code header#header a { background-image: none !important; } header#header a:after { visibility: hidden; }
  3. You can use this code to Website > Website Tools > Custom CSS @media screen and (min-width:901px) { body#collection-59149472ebbd1abf19a09c5b { div#banner-wrapper { height: 200px; } div#banner-wrapper img { visibility: hidden; } header#header * { color: #000; } }}
  4. For example Learn more link, you can remove your arrow then use this CSS code div.desc-wrapper a { background: url("https://static1.squarespace.com/static/65142cdeff10b41888f5d1e4/t/651c8e086f6d0f7a06935442/1696370184157/right-arrow_2.png") !important; background-repeat: no-repeat !important; background-size: 0px !important; background-position: right !important; padding-right: 30px; } div.desc-wrapper a:hover { background-size: 30px !important; }
  5. The page url doesn't exist. Can you check it again?
  6. Use this CSS code section[data-section-id="6558657e931a277b8246a713"] .gallery-fullscreen-slideshow-wrapper:before { content: ""; background-image: url(https://cdn.pixabay.com/photo/2023/07/10/06/52/trail-8117575_1280.jpg); background-size: contain; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 9999; width: 100px; height: 100px; } replace with your slideshow gallery data section id, use this free tool to find id https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff
  7. Use this new code /* product price */ body.view-item .product-price { font-size: 30px !important; }
  8. You can use this code to Website > Website Tools > Custom CSS [data-section-id="63e986a99f73082ef7d3dbc3"] { position: sticky; position: -webkit-sticky; top: 0; }
  9. You can add this code to Work Page Header Code Injection <style> @media screen and (max-width:767px) { .sqs-gallery-design-stacked-slide img { width: 100% !important; left: 0 !important; height: auto !important; } .sqs-gallery-design-stacked { height: auto !important; } } </style>
  10. Try this CSS code /* Instagram height */ div#block-yui_3_17_2_1_1709627100803_2875, div#block-yui_3_17_2_1_1709627100803_2875 .slide { height: 100px !important; } Do you need to reduce white space under Instagram? #2. I think you can consider reduce size of some title/text, reduce height of Variant Dropdown, Quantity, Add to Cart, reduce space between elements. What do you think?
  11. https://www.inneco.de/ You try remove Social Icons > Save > Reload the page > Add Icons again
  12. (remember to save a copy of all CSS code somewhere, before edit anything, just for backup) Access CSS here
  13. I guess if you can add 2 sections to current sidebar, then on each blog page, we can use CSS code to show corresponding section. What do you think?
  14. You can access this url to able to edit page in edit mode https://toucan-tetra-fwm2.squarespace.com/config/safe
  15. Something like this? https://tuanphan.squarespace.com/list-section-carousel-3?noredirect pass: abc
  16. Hi, This is possible with some JS code, I used to help a member to achieve this. Before checking the code, I want to confirm, this is exact layout you want to add (3 text with 3 icons above), or you want something different?
  17. Can you share link to page where you use Gallery?
  18. So you want to show bottom text when Burger menu is Open And hide it when Burger Menu is Close?
  19. Ah, they used CSS background image to do this. Just share link to your site, I can give you code to achieve same effect
  20. Which page in screenshot? I don't see it on homepage
×
×
  • 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.