Jump to content

tuanphan

Circle Member
  • Posts

    65,544
  • Joined

  • Last visited

  • Days Won

    521

Everything posted by tuanphan

  1. Use this CSS code div#block-yui_3_17_2_1_1705886287148_31479 a { font-family: 'Varela' !important; }
  2. Can you share link to site? We can check problem easier
  3. 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>
  4. Can you share link to page where you added this code? We can check easier
  5. 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%; }
  6. Can you share link to page where you use gallery section? We can check easier
  7. It calls Section ID, not image name, use this free tool to find id https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff
  8. 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)
  9. 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) }
  10. 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; }}
  11. You can use Text Block and manually add each text with corresponding url
  12. 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
  13. Change this code from CSS box .header-nav-item--active a { color: #79c0a2 !important; background-image: none !important; } to this .header-nav-item--active>a, .header-nav-folder-item.header-nav-folder-item--active a { color: #79c0a2 !important; background-image: none !important; }
  14. You try enter full url, suppose your site is mrmike1.squarespace.com, try enter this https://mrmike1.squarespace.com/services#foo
  15. If you share link to page where you have problem, we can take a look
  16. I think you have missed symbol in your link. You can paste the code/syntax you used to add these links, we can check easier
  17. That site is not Squarespace, but if you share link to your site, we can give CSS code to achieve curved edges. With click open video lightbox, you will need to use a plugin
  18. You try this code to Website > Website Tools > Custom CSS (but it will overflow on mobile) .fe-block.fe-block-ce2fa4f3e5712415ef22 h4 { white-space: nowrap !important; }
  19. With this, they used Line Block With vertical line, they used Markdown with HTML/CSS code You can share link to your site, we can help you achieve similar border easier
×
×
  • 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.