Jump to content

LucyBold

Circle Member
  • Posts

    106
  • Joined

  • Last visited

Reputation Activity

  1. Thanks
    LucyBold reacted to tuanphan in Product block - padding   
    You can use this CSS code
    body.homepage .product-quantity-input { margin-bottom: 30px !important; } body.homepage .product-title { margin-bottom: 50px !important; }  
  2. Like
    LucyBold reacted to tuanphan in WEGLOT - customise switcher   
    Change these line
    html[lang*="en"] .language-picker-content>div:first-child span { text-decoration: underline; } html[lang*="es"] .language-picker-content>div:nth-child(2) span { text-decoration: underline; } to this
    html[lang*="en"] .language-picker-content>div:nth-child(2) span { font-weight: bold; } html[lang*="es"] .language-picker-content>div:first-child span { font-weight: bold; }  
    Use some code like this
    .header .language-picker-content * { font-family: 'SaolDisplay-Medium' !important; }  
  3. Thanks
    LucyBold reacted to tuanphan in WEGLOT - customise switcher   
    Use this code to Website Tools (under Not Linked) > Custom CSS
    .header-search-bar { padding-left: 9vw !important; padding-right: 0; } .language-picker-content { position: static !important; opacity: 1 !important; pointer-events: all !important; display: flex; justify-content: flex-end; } .header-actions .language-picker-desktop .current-language { display: none !important } html[lang*="es"] .language-item:nth-child(1) span { font-weight: 600; } html[lang*="en"] .language-item:nth-child(2) span { font-weight: 600; } .header-actions .language-picker-desktop .language-item:first-child:after { content: "/"; display: inline-block; padding-left: 2px; padding-right: 2px; font-size: 20px; } .header-actions .language-picker-desktop .language-item { display: flex; flex-direction: row; }  
  4. Thanks
    LucyBold reacted to Web_Solutions in NEWSLETTER form boxes - customise mobile   
    Add these code on Custom CSS panel in Website > Utilities > Website Tools > Custom CSS.
    .sqs-block-newsletter .newsletter-form-field-element { border-radius: 0 !important; }  
  5. Like
    LucyBold got a reaction from Ziggy in Newsletter - same width field and button on MOBILE only   
    It did work, thanks @Ziggy!
  6. Love
    LucyBold got a reaction from SaranyaDesigns in Remove magnifying glass icon on search box   
    @SaranyaDesigns I am using an iPhone 12 and testing on Safari.
    I  used your new code and works prefectly! thanks so much again.
     
    .sqs-search-ui-button-wrapper.color-dark .search-input { border: 1px solid #000; border-radius: 0 !important; }
  7. Love
    LucyBold got a reaction from SaranyaDesigns in Remove magnifying glass icon on search box   
    Amazing, thanks for your help @SaranyaDesigns it worked perfectly!
     
  8. Thanks
    LucyBold reacted to melody495 in Multi-level Dropdown Overlay Menu on Mobile   
    Hi, you can't do this in SquareSpace. Please see this post for some 3rd party or custom code solutions
    https://forum.squarespace.com/topic/146886-how-do-i-put-a-folder-within-a-folder-in-the-navigation/
×
×
  • 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.