Jump to content

tuanphan

Circle Member
  • Posts

    66,987
  • Joined

  • Last visited

  • Days Won

    537

Everything posted by tuanphan

  1. Add to Home > Design > Custom CSS .collection-type-blog.view-item header.Header.Header--bottom { background: blue; }
  2. .newsletter-block .newsletter-form-field-element { color: black; }
  3. Add to Home > Design > Custom CSS .newsletter-form-field-wrapper input:focus { color: black; }
  4. @NorthernGoose Can you share link to your site?
  5. the squarespace code injection only gives me the option to add it to the footer (I believe it means just before closing the </body> tag) Yes. Code in Footer will be in <body> and </body>
  6. @gcart All the code above only affects color and background. Your problem, I think it came from another cause. You can create a new question, and describe the problem in detail.
  7. Time-consuming. But you can use similar effect here (free code): https://beaverhero.com/squarespace-moving-letters/
  8. Change to word "Menu" button.Mobile-bar-menu { visibility: hidden; } button.Mobile-bar-menu:after { visibility: visible; content: "Menu"; font-family: proxima-nova; color: #000; font-size: 20px; } Add word "Menu" beside icon button.Mobile-bar-menu:before { content: "Menu"; font-size: 20px; color: #000; position: absolute; right: 50px; top: 25px; } All code from here: https://beaverhero.com/moksha-squarespace/#Add_word_Menu_beside_Hamburger_Icon @jaimee1570048593
  9. Can you share link to Squarespace page and your site?
  10. Have you solved yet? An element can be affected by many CSS. Use important to give your CSS the highest priority.
  11. It will take about 2-3 minutes to check.
  12. I don't know the cause. But you can add this code to handle @media screen and (max-width:640px) { section#newsletter .Index-gallery-inner .Index-gallery-item:last-child { min-height: 35vh; } section#newsletter figure img {height: 100% !important;} }
  13. @moretrobin Add to Home > Design > Custom CSS .Header-nav-inner { height: unset !important; width: unset !important; display: flex !important; flex-direction: column; }
  14. Depending on template. If you share link to your site, i can take a look.
  15. @JessicaRita Can you share link to that page (contain button)?
  16. They used CSS position: fixed for left/right columns.
  17. yes. You can use CSS inline <div style="text-align:center;margin-left:auto;margin-right:auto">all svg code</div> or <div class="tuan">svg code</div> <style> my css code </style>
  18. Can you share link to your site? or try wrapping all code in div tag <div class="tuan"> paste all svg code here </div> then insert the following code to Home > Design > Custom CSS .tuan { text-align: center; margin-left: auto; margin-right: auto; }
  19. https://beaverhero.com/squarespace-how-to/#How_to_find_Block_ID
×
×
  • 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.