Jump to content

tuanphan

Circle Member
  • Posts

    64,819
  • Joined

  • Last visited

  • Days Won

    517

Everything posted by tuanphan

  1. Add to Design > Custom CSS @media screen and (min-width:992px) { fieldset#checkbox-eda36837-716c-4082-a6f1-e63e0b2028de, fieldset#checkbox-eda36837-716c-4082-a6f1-e63e0b2028de+*, fieldset#checkbox-eda36837-716c-4082-a6f1-e63e0b2028de+*+*, fieldset#checkbox-eda36837-716c-4082-a6f1-e63e0b2028de+*+*+* { float: left; width: 25%; } fieldset#checkbox-ec1fe6d1-d5cf-45fb-be51-cc1bb2f79801+*, fieldset#checkbox-ec1fe6d1-d5cf-45fb-be51-cc1bb2f79801 { width: 50% !important; float: left; } .textarea { clear: both !important; } }
  2. Add to Design > Custom CSS div#block-yui_3_17_2_1_1685838379094_5882>div { overflow: hidden; } iframe[src*="maps/d"] { margin-top: -70px; }
  3. Add to Design > Custom CSS body#collection-647a289a33be0f429a2b0700 { .yui3-lightbox2 .sqs-lightbox-meta { opacity: 1 !important; background-color: transparent !important; } div.sqs-lightbox-padder img { top: -50px !important; }}
  4. Hi, Add to Design > Custom CSS nav { flex-wrap: nowrap !important; }
  5. First, add this line to Code Injection > Header <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" integrity="sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g==" crossorigin="anonymous" referrerpolicy="no-referrer" /> Next, add this code under <style> div#block-909a08383b33e7bf8e0a a[href*="tel"]:before { content: "\f095"; font-family: "Font Awesome 6 Free"; margin-right: 10px; } div#block-909a08383b33e7bf8e0a a[href*="mailto"]:before { content: "\f0e0"; font-family: "Font Awesome 6 Free"; margin-right: 10px; } </style>
  6. Which button are you referring to?
  7. What is your site url? We can check problem easier
  8. Can you share link to this page? We can check easier
  9. You mean the layout with image behind the text? We can achieve this with Image Block - Poster Design
  10. Add to Design > Custom CSS /* Mobile Homepage Summary */ @media screen and (max-width:767px) { body.homepage .summary-item { display: flex !important; flex-direction: column; justify-content: center !important; } body.homepage .summary-v2-block .summary-thumbnail-outer-container { float: none !important; width: 100% !important; margin-bottom: 20px; } body.homepage .sqs-gallery-design-list .sqs-gallery-design-list-slide:not(.no-image) .sqs-gallery-meta-container { float: none !important; width: 100% !important; } }
  11. The code looks correct. What is site url? We can check easier
  12. Hi, Add this to Design > Custom CSS footer.sections button.newsletter-form-button.sqs-system-button.sqs-editable-button-layout.sqs-editable-button-style.sqs-editable-button-shape.sqs-button-element--primary { background-color: transparent !important; color: white !important; border-color: white !important; }
  13. Add to Design > Custom CSS body#collection-6459ff91bde71c07b2b93201 .Content-outer { display: flex; flex-direction: column-reverse; } main.Main--events-list .eventlist { margin-top: 50px; } div#block-yui_3_17_2_1_1685734021681_3457 { display: none; }
  14. Hi, Can you share link to page where you have problem?
  15. Hi, Can you take a screenshot? It looks fine to me
  16. Hi, What is site url? We can check easier
  17. That code will hide all titles, current + future titles
  18. What is your site url? We can check problem easier
  19. Add to Design > Custom CSS @media screen and (min-width:768px) { .user-items-list-item-container[data-section-id="645289734e3f29179840ce26"] li:nth-child(n+4) { position: relative; left: calc(~"50% + 30px"); } }
×
×
  • 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.