Jump to content

tuanphan

Circle Member
  • Posts

    64,709
  • Joined

  • Last visited

  • Days Won

    516

Everything posted by tuanphan

  1. You can use this CSS code /* testimonials */ .user-items-list-item-container[data-section-id="65ba803898976a5cd3a78590"] { max-width: 900px; margin: 0 auto; } .user-items-list-item-container[data-section-id="65ba803898976a5cd3a78590"] li { border-top-right-radius: 0 !important; border-bottom-left-radius: 0 !important; }
  2. Use this code div.title span { font-weight: bold !important; }
  3. The site is private. You can follow this guide to setup an access password, we can access site easier
  4. Use this code to Website > Website Tools > Custom CSS /* Mobile extra space */ @media screen and (max-width:767px) { .fe-65c13c59fca4ce46d9891822 { grid-template-rows: repeat(55,minmax(24px, auto)) !important; } }
  5. Use Block ID doesn't work because this class name = ID If you use a block id wrap around all code, the code will be invalid so it doesn't work
  6. It is Page ID, but you can replicate it with data section id, use this free tool to find it https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff Can you share link to page? Can you share link to a page?
  7. It is simple code, but Each button: Button Block, List Section Button, List Section Item Buttons, Donation Button, Form Block Submit Button, Form Block Lightbox Button, Form Lightbox Submit Button, Newsletter Block Button, Add to Cart button, Checkout Button, Continue Shopping Button, Quick View button, Header Button, Header Mobile Button have a different structure so need a different ID. You need to share link to all pages where you use button, we can check all code easier)
  8. Use this CSS code div#block-yui_3_17_2_1_1705886287148_31479 a { font-family: 'Varela' !important; }
  9. Can you share link to site? We can check problem easier
  10. Add this code to Website > Website Tools > Code Injection > Footer <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script> $(document).ready(function() { $('div.header-display-desktop div.user-accounts-link').insertAfter('.header-nav:nth-child(3) nav>div:nth-child(7)'); }); </script>
  11. Can you share link to page where you added this code? We can check easier
  12. Add this CSS code under your code to fix problem on mobile .header-menu-nav-item--active { width: auto !important; background: unset !important; } .header-menu-nav-item--active div:before { content: ""; background-color: red; width: 15px; height: 15px; display: inline-block; border-radius: 50%; }
  13. Can you share link to page where you use gallery section? We can check easier
  14. It calls Section ID, not image name, use this free tool to find id https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff
  15. The height of the video is not enough to fill the height of the mobile screen, so a white block will appear. But if make video fullheight, it won't fullsize You can consider replacing it with image on mobile only (If you need this, I can give code)
  16. Change code to this new code a.lessons-image[href="/select-works/v/itv-comedy-greggs"]:hover img { content: url(https://static1.squarespace.com/static/64382eed1c35456fd1ce5b34/t/645fbe335f7eac4fb5e681d1/1683996225403/Asus_Another_Level_01.gif); } a.lessons-image[href="/select-works/v/mtvcatfish"]:hover img { content: url(https://static1.squarespace.com/static/64382eed1c35456fd1ce5b34/t/65b926225b27dc7fe8b06d07/1706632744209/Director_Reel_01.gif) }
  17. If you want to change page background to black, use this code to Website > Website Tools > Custom CSS body#collection-6500aa1918e09a5b628419b6 { article .section-background { background-color: black !important; } article .content * { color: white !important; }}
  18. You can use Text Block and manually add each text with corresponding url
  19. Click Design > Disable Header Fixed In case you still want to keep fixed header, you can add a blank section above image section > set minimum height
×
×
  • 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.