Jump to content

tuanphan

Circle Member
  • Posts

    65,015
  • Joined

  • Last visited

  • Days Won

    518

Everything posted by tuanphan

  1. Currently you are using 2 code to add svg logo, and the code you posted in this thread didn't work. This code works to make your new code works, use this new code <style> header#header .header-title-logo a { background-image: none !important; width: 200px !important; } header#header img { content: url(https://garlic-hawk-pdp3.squarespace.com/s/JohnWeberArt-10.svg) !important; visibility: visible !important; } </style>
  2. Use this CSS code @media screen and (max-width:767px) { .blog-article-spacer { height: 1px !important; } }
  3. Just a static scroll bar or scroll bar with number changed like your example?
  4. Hi, What should it look like? We can adjust easier
  5. #1. I see both look same. Can you describe in more detail with screenshot? #2. Use this code to Website > Website Tools > Custom CSS /* Dropdown auto width */ .header-nav-folder-content { width: auto !important; min-width: unset !important; }
  6. What is your site url? We can check problem easier
  7. Add this code to Last Line in Code Injection > Footer <script> $(document).ready(function(){ var EventItemTitle = $('.eventitem-title').text(); $('.header-nav').append('<span>'+EventItemTitle+'<span>'); });</script> <style> div.header-nav>span { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); color: #ebdec4; text-transform: uppercase; font-size: 2.2em; } h1.eventitem-title { display: none; } </style>
  8. You can use this CSS code to Website > Website Tools > Custom CSS footer.sections, footer.sections section { z-index: 99999999 !important; }
  9. You can use some code like this to Website > Website Tools > Custom CSS /* Homepage slideshow height on desktop */ @media screen and (min-width:992px) { body.homepage .gallery-fullscreen-slideshow { height: 100vh !important; } }
  10. Use this code to Custom CSS box button[type="submit"] { border-color: #dbd4ca !important; color: #dbd4ca !important; text-transform: uppercase !important; font-family: 'Nightfall' !important; padding-top: 1.5em !important; padding-bottom: 1.5em !important; }
  11. Just add column-gap @media screen and (max-width: 767px) { div#page-5cf6ed87e03c28000107a516 .span-12>.row { column-count:2; column-gap: 0px; } } With other pages, you can share link, I will give you code
  12. Can you share link to page where you use read bio button? We can check easier
  13. Add this CSS code @media screen and (max-width:750px) { #projectThumbs>.wrapper { width: 100% !important; margin: 0 !important; } }
  14. So replace these items with an image, and when users click on image >> redirect to custom url?
  15. Sorry, misread your questions, to add X icon, use this CSS code .menu-open + #headerWrapper nav#mobileMenuLink ul>li>a:after { content: "\e01a"; }
  16. Use this code to Cover Page Header Code Injection <style> div.form-title { display: none; } .form-inner-wrapper { max-width: 400px; } </style>
  17. I tried all, Code injection, Individual Page Header, Code Block. Maybe wait for ODOO, to see if they have a way to handle the problem.
  18. Use this code to Website > Website Tools > Custom CSS [data-section-id="65b5a32f8e904b0bc1777219"] a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
  19. You can use this code to Website > Website Tools > Custom CSS div.summary-v2-block .sqs-gallery-controls .next, div.summary-v2-block .sqs-gallery-controls .previous { background-image: url(https://static1.squarespace.com/static/5c1b99c7a9e02801f6c9b9d0/t/5f7ecb98f9dae72f09a0ad46/1602145176384/arrow-right-testimonials-6.png); background-size: contain; background-repeat: no-repeat; background-position: center; background-color: transparent !important; width: 50px !important; } div.summary-v2-block .sqs-gallery-controls .previous { background-image: url(https://static1.squarespace.com/static/5c1b99c7a9e02801f6c9b9d0/t/5f7ecb8774815b7a1d7b677d/1602145159916/arrow-left-testimonials-6.png) !important; } div.summary-v2-block .sqs-gallery-controls .next:before, div.summary-v2-block .sqs-gallery-controls .previous:before { visibility: hidden; } .sqs-block-summary-v2 .summary-block-setting-design-carousel .summary-carousel-pager { width: 200px !important; } To move position, use this CSS code header.summary-block-header { position: absolute; bottom: 0; right: 0; } .summary-item-list { position: relative; } .sqs-gallery-design-carousel .sqs-gallery-container { position: relative; }
  20. Use this new code instead <style> body:not(.header--menu-open) header#header img { content:url("https://static1.squarespace.com/static/658352163290836ffdcab59a/t/65d8b1cc1d63ae7ef1d45d2a/1708700108553/Storywell+hvit.png/") !important; } </style>
  21. Can you share link to an individual event page? We can check problem easier
  22. Can you send embed code? We can test it easier. And which page you added it? Homepage or?
×
×
  • 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.