Jump to content

tuanphan

Circle Member
 View Profile  See their activity

  • Posts

    65,013

  • Joined

  • Last visited

  • Days Won

    518

 Content Type 

Everything posted by tuanphan

  1. tuanphan
    @nancyk @media screen and (max-width:640px) { .ProductItem-gallery { max-width: 50%; margin: 0 auto; } }
  2. tuanphan
    @Sarah_BlindBetty Add to Home > Design > Custom CSS @media screen and (max-width:640px) { /* Why we do this */ div#block-ffb38b8061957da12988 .image-card-wrapper .image-subtitle-wrapper * { font-size: 40px !important; } /* Homepage poster h2 */ div#page-5d549d47da36f300016fc63b .sqs-block-content h2 { font-size: 20px; } /* Homepage poster h3 */ div#page-5d549d47da36f300016fc63b .sqs-block-content h3 { font-size: 20px; } }
  3. tuanphan
    @nancyk If the code worked. you can click "Like" (heart icon, right) Thanks.
  4. tuanphan
    @Sarah_BlindBetty Custom code can solve. If you share site url, i can take a look.
  5. tuanphan
    @jpwelchux remove above and use this .image-block-outer-wrapper.design-layout-card { box-shadow: -1px 2px 10px 4px rgba(0,0,0,.07); }
  6. tuanphan
    @jpwelchux Add to Home > Design > Custom CSS .image-block-outer-wrapper { box-shadow: 1px 2px 3px 4px rgba(0,0,0,0.5); } Explain 1px: The horizontal offset of the shadow. A positive value puts the shadow on the right side of the box, a negative value puts the shadow on the left side of the box 2px: The vertical offset of the shadow. A positive value puts the shadow below the box, a negative value puts the shadow above the box 3px: The blur radius. The higher the number, the more blurred the shadow will be 4px: The spread radius. A positive value increases the size of the shadow, a negative value decreases the size of the shadow rgba(0,0,0,0.5) The color of the shadow, you can use code (#000) or name (black) or rgb (rgb(0,0,0)) or rgba.
  7. tuanphan
    @jpwelchux if you share url i can take a look.
  8. tuanphan
    @nancyk You can add this code to Home > Design > Custom CSS @media screen and (min-width:641px) { /* Decrease Image Width */ .ProductItem-gallery { width: 40%; } /* Increase Detail Width */ .ProductItem-details { width: 60%; } }
  9. tuanphan
    @braevin I think you need to some custom code to handle 1. You can use JavaScript to add Cart Text or Cart icon to Mobile Menu (right of header). 2. You can also insert some HTML tag (to create Cart Icon) in Code Injection (Footer), then use CSS to style/fixed the icon to bottom of site.
  10. tuanphan
    @braevin Harris Demo on SS has no shop, so can't check. Can you share site url to check this? I think some custom code (CSS) can handle.
  11. tuanphan
    @Staymoo nice site 😂 You used border-bottom: none & text-decoration:none? Underline is background image, so border-bottom/text-decoration won't work. Add to Home > Design > Custom CSS div#block-yui_3_17_2_1_1570493637485_35714 a { background-image: none; }
  12. tuanphan
    @Staymoo Some simple custom code can solve. But you should share site url to check. If your site is private, please setup password & share url. See how to if you don't know: https://beaverhero.com/squarespace-how-to/#How_to_Setup_Password_Share_Site_URL
  13. tuanphan
    @Campcamp .Mobile-overlay-menu-main { padding-left: 10px; } nav.Mobile-overlay-nav.Mobile-overlay-nav--secondary { padding-bottom: 100px; } 5 minutes check & found the code
  14. tuanphan
    @olipowell add to Home > Design > Custom CSS @media screen and (max-width:640px) { div#block-ce591823b8f1025afa01 * { text-align: left !important; } div#block-ce591823b8f1025afa01 { padding-top: 10px !important; padding-bottom: 20px !important; padding-left: 30px !important; padding-right: 40px !important; } }
  15. tuanphan
    @Cahmbyte @media (prefers-color-scheme:dark) { h2, h3 { color: #fff !important; } } 10 minutes: check & find the solution
  16. tuanphan
    @_Courtney Add to Home > Design > Custom CSS div#block-4d7b284ccdced9875689 p:after { content: ""; display: block; background-image: url(https://static1.squarespace.com/static/5d817ec…/t/5d81a0d…/1568776405451/LOGO-MAKERSMARK.png); background-size: contain; width: 50px; height: 50px; margin: 0 auto; margin-top: 40px; }
  17. tuanphan
    @_Courtney you can use custom code to insert an image below text. Need site url to check code.
  18. tuanphan
    @Campcamp add to Home > Design > Custom CSS nav.Mobile-overlay-nav.Mobile-overlay-nav--secondary:after { display: block; content: "Text"; } nav.Mobile-overlay-nav.Mobile-overlay-nav--primary:before { display: block; content: ""; background-image: url(https://beaverhero.com/wp-content/uploads/2019/07/sonora-squarespace.jpg); width: 200px; height: 200px; margin: 0 auto; }
  19. tuanphan
    can add logo/text, a bit complicatedcan't add cart@Campcamp
  20. tuanphan
    @Campcamp " add logo and text to the menu" what do you mean? add logo above Title, and "menu" beside burger icon?
  21. tuanphan
    Text: i think you canLogo: i'm not sure Using custom code.You should share url to check. @Campcamp
  22. tuanphan
    @jayffinity You can Accept Answer it it worked. Thanks.
  23. tuanphan
    @jayffinity Add to Home > Design > Custom CSS .variant-option * { font-family: "Open Sans", sans-serif !important; }
  24. tuanphan
    @kevino to remove homepage link, add to Home > Design > Custom CSS .header-nav { display: none; }
  25. tuanphan
    @kevino did you solve?
×
×
  • Create New...

Squarespace Webinars

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

Upcoming Webinars →

Hire a Designer

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

Get Matched →

Support

Community

Developers

Resources