Jump to content

tuanphan

Circle Member
  • Posts

    64,922
  • Joined

  • Last visited

  • Days Won

    517

Everything posted by tuanphan

  1. Use this new CSS code for both desktop + mobile .header-nav-item:nth-child(6) a, div.container.header-menu-nav-item:nth-child(6) div { color: #cb1717 !important; }
  2. I added the guide above, if you can't make it work, you can share link to page where you use image, I can adjust code for your case
  3. It looks like you figured it out. I tried resize browser but all are fine Which screen size do you see problem?
  4. If you want to add arrow on both first + second section, you can find this line in all script/style code #page section:first-child to this #page section:nth-child(-n+2)
  5. https://octopus-salmon-ra3s.squarespace.com/?noredirect What is password?
  6. You can use a CSS code like this (Website > Website Tools > Custom CSS) [data-slide-url]:after { display: block; color: black; z-index: 99999; position: fixed; bottom: 10px; left: 50%; transform: translateX(-50%); } [data-slide-url="u912u88ef4rhh05pptrzi3tazv1pr4"]:after { content: "Feral Goats on Slievecarran"; } [data-slide-url="1kv0c7bmb7tf9i671nq7zlvzvor0nf"]:after { content: "Bouleevin-Sunrise"; } [data-slide-url="9fdxxom6mdst2k89vrmsk0tph2qbgg"]:after { content: "Doonties-Gateway-Dingle-Peninsula.jpg"; } Result To find data-slide-url, you can open lightbox > right click anywhere on the page > Inspect It will show a box on right or under screen > You can search data-slide-url it will show all
  7. If font works, it should be like this or?
  8. So you want to replace this & apply to Gallery Section Slideshow on your site or? I think it should be possible (we can change current slideshow arrow to text: prev/next and change its position), if you share link to page where you use slideshow on your site, we can check easier
  9. Can you share site url? We can check easier
  10. Use this, it will target both desktop + mobile header button a.btn { font-family: 'locator-web' !important; }
  11. The font files url doesn't exist. If you copy url and paste on browser, it will show nothing. You try upload new one & replace url again
  12. Use this CSS code to remove black header#header { background-color: transparent !important; }
  13. I think you sent missing code, if your site has this code only, it won't show Countdown. (You can test it by put this line on a new site) You can check all Code Injection, Code Block...and send all code
  14. https://fuchsia-circle-s8mg.squarespace.com/?noredirect What is password?
  15. You mean hover on each image >> Change video on left?
  16. #1. I see you figured it out? #2. Suppose your code is #header .header-mobile-logo img, #header .header-title-logo img { content: var(--dark-logo); } to apply desktop, use this code <style> @media screen and (min-width:992px) { #header .header-mobile-logo img, #header .header-title-logo img { content: var(--dark-logo); } } </style> to apply mobile, use this CSS <style> @media screen and (max-width:991px) { #header .header-mobile-logo img, #header .header-title-logo img { content: var(--dark-logo); } } </style>
  17. You can add transform: scale(1.5); to this code section.Intro figure img { width: 100% !important; height: auto !important; left: 0 !important; transform: scale(1.5); }
  18. Can you share link to this page?
  19. You can use this code to Custom CSS box figcaption.gallery-caption.gallery-caption-fullscreen-slideshow { max-width: 1000px !important; }
  20. Your site is private, we can't access it. You can follow this guide to share url
  21. I forgot, code in Cover Page, you need to add to Cover Page Header Code Injection, not Custom CSS <style> .sqs-slide-wrapper[data-slide-type="cover-page"] .sso-button-style-outline~.sqs-modal-lightbox .form-wrapper input[type=submit] { background-color: #a890ad !important; } </style>
×
×
  • 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.