Jump to content

tuanphan

Circle Member
  • Posts

    64,701
  • Joined

  • Last visited

  • Days Won

    516

Everything posted by tuanphan

  1. add !important after the code a.Header-nav-item[href*="forfunfoods"] { background-image: url(https://static1.squarespace.com/static/5c5aed7b840b160c0a36ad9a/t/6255df2b4ea0b25916fa73dc/1649794859649/FF_Logotype_Web.png) !important; color: transparent !important; background-size: contain; background-repeat: no-repeat; background-position: center center; }
  2. Add this to Code Injection > Footer. If it doesn't work, please share site url, we can check again easier <script>// Get the last code block in the .event-details element (function(){ let lastCodeBlock = document.querySelector('.eventitem-column-content .image-block') // Get the .eventitem-column-meta element let eventColumn = document.querySelector('.eventitem-column-meta'); // Move the last code block to the .eventitem-column-meta element eventColumn.append(lastCodeBlock); }()) </script>
  3. Hi, I just found this guide. You can try first https://www.will-myers.com/articles/adding-a-search-bar-to-your-header-in-squarespace-71
  4. Hi, What is site url? We can check easier
  5. Hi, Can you share link to page where you use carousel? We can check easier
  6. Try adding this to Design > Custom CSS // Vertical Navigation // .header-nav-list { width: 135vh !important; padding: 25px; background: #000000; position: fixed; -webkit-transform:rotate(-90deg)translateX(-85%); -webkit-transform-origin: top left; left: 0px; top: 0px; text-align: center; z-index: 999; }
  7. Add to Design > Custom CSS body#collection-63568b0531815f2ea12da3eb .summary-excerpt:after { content: "Read more"; font-size: 14px; color: var(--paragraphLinkColor); font-family: Work Sans; font-weight: 400; font-style: normal; letter-spacing: 0em; text-transform: none; }
  8. I still see it. Can you check it again? Maybe you have 2 same code
  9. You can edit this Section > Background > Art > Click on art which theme are using, then you can change color
  10. Hi, Do you have a link to Google Slides? We can check easier
  11. If you know CSS code, you can add a CSS pseudo with position: absolute, width: 0; height: 2px; then when hover, use CSS to change width to 100% If you don't know CSS, please share link to your site, we can give code easier
  12. Add to Design > Custom CSS body.homepage article section:first-child { height: 100vh !important; overflow: hidden; }
  13. Add to Design > Custom CSS /* Mobile Homepage Text */ @media screen and (max-width:767px) { div#block-yui_3_17_2_1_1672682076358_28705 h1 { font-size: 38px; } }
  14. Hi, Can you share link to a page where you use Shapes? We can check easier
  15. Add to Design > Custom CSS .newsletter-block .newsletter-form-wrapper--layoutStack .newsletter-form-field-wrapper { width: 304px !important; max-width: unset !important; }
  16. Hi, Can you share link to a blog post? We can check easier
  17. Hi, Can you share link to page where you added the code? We can check 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.