Jump to content

tuanphan

Circle Member
  • Posts

    65,813
  • Joined

  • Last visited

  • Days Won

    523

Everything posted by tuanphan

  1. #1. Padding between columns or padding between left of screen - 2 columns, right of screen - 2 columns? #2. Initial: Image, text under image Hover: Image, text under image, overlay over image. is this right?
  2. Hi, It looks like you solved? I see no spacing here
  3. You mean section with 2 columns Left image image Right are image + text + overlay?
  4. If your site is trial/priviate, just setup an access password & share url
  5. Add to Design > Custom CSS /* Mobile Center Checkout */ @media screen and (max-width:767px) { [data-test="afterpay-message"] { justify-content: center !important; } }
  6. The size looks fine to me. If you want to increase size, Try adding to Design > Custom CSS to increase size /* Products Lightbox Form Text Size */ body.collection-type-products .lightbox-inner .form-inner-wrapper * { font-size: 20px; }
  7. Thank you. To center footer on mobile, add this to Design > Custom CSS /* Mobile-Footer-Center */ @media screen and (max-width:767px) { div#page-section-61fc51c1ab986b4510d932c3 * { text-align: center !important; } }
  8. That is weird. First time I see this problem. You try code in another your question, to see if it works or not.
  9. Add to Design > Custom CSS /* Site background image */ .section-background, .page-section { background: transparent !important; } body { background-image: url(https://images.squarespace-cdn.com/content/v1/62022a0957301d1606a4276a/fb09d611-631d-482d-a48e-9f97cd91ebfd/gradient.png?format=original); background-size: cover; background-repeat: no-repeat; background-position: center center; background-color: transparent !important; }
  10. Hi. It looks like you solved? I see text + overlay always visible now
  11. Blog List or Blog Individual Posts? Store List Page or Store Individual Products?
  12. You mean overlay color? Do you use Grid Simple or Grid Overlay? Can you share link to portfolio page on your site? If Grid Simple, you can also see code in this post
  13. So, you want the filter will be Dropdown 1: Region (All, Europe, International, North America) Dropdown 2: Symphony Search bar Is this right?
  14. #9 (Update) If you use a Business Plan or higher, you can use this approach. First, add to Page Header (Page where you will use accordion) <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script> $(document).ready(function(){ $("span.accordion-item__title").each(function(){ $(this).html($(this).text()); }); }); </script> <style> span.accordion-item__title span { display: block; } </style> Next, edit Accordion Title, use this format Patrick Trojer, PhD <span>President & Chief Executive Officer</span> result
  15. Sometime you need to add !important to override Squarespace default font, something like this h1 {font-family: 'FordAntenna Body' !important;}
  16. Correct. The above code will reduce bottom padding of all sections.
  17. What do you mean? And can you share link to shop page on your site?
  18. Add to Design > Custom CSS /* Best Sellers Mobile */ @media screen and (max-width:767px) { div#page-section-5fb53cdb5c3e6b67dafdb5b8 .span-4 { width: 33.3333% !important; float: left !important; } }
  19. You mean it doesn't autoplay on mobile?
  20. Add to Design > Custom CSS /* Best Sellers Mobile */ @media screen and (max-width:767px) { div#page-section-5fb53cdb5c3e6b67dafdb5b8 .span-4 { width: 33.3333% !important; float: left !important; } }
×
×
  • 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.