Jump to content

sorca_marian

Circle Member
  • Posts

    620
  • Joined

  • Last visited

Everything posted by sorca_marian

  1. You will need to create new HTML programmatically based on your items to follow the plugin requirements
  2. Updated .header-display-desktop .header-title-nav-wrapper .header-nav-list { display: flex; flex-direction : column; align-items: baseline; } .header-display-desktop .header-nav { flex: 0; } .header-display-desktop .header-nav, .header-display-desktop .header-actions--right { flex-direction : column; width: auto; } .header-display-desktop .header-actions-action--social { order : -2; } .header-display-desktop .header-actions-action--cta { order : -1; margin-top : 5px; margin-bottom : 5px; }
  3. You can add this in the page header code injection of the page. You can adjust the font size from 3em to how much you want <style> @media(min-width: 768px){ #home-hero-slideshow-banner h2 { font-size: 3em!important; line-height: 200%!important; } } </style>
  4. Like this? .header-display-desktop .header-title-nav-wrapper .header-nav-list { display: flex; flex-direction : column; align-items: baseline; } .header-display-desktop .header-actions--right { flex-direction : column; width: auto; } .header-display-desktop .header-actions-action--social { order : -2; } .header-display-desktop .header-actions-action--cta { order : -1; margin-top : 5px; margin-bottom : 5px; }
  5. Yes. You can add the link to the page itself and through code get the link from each page and add it to the main page on each item.
  6. Add the below code in Custom CSS .header-menu-nav-folder--active+div { transform: translatex(0); } .header-menu-nav-folder--active, .header-menu-controls { display : none; }
  7. If the event detail pages allow custom code I would create a Squarespace form in the footer, hide it, and populate it from a custom-added form on the details pages
  8. Can you send the link? What changes would you like on the titles?
  9. You can update the margin from below <style> @media (max-width: 767px) { .restrict-width-1000 { margin-top : 30px!important; } .lock-screen h1 { font-size : 40px!important } .lock-screen p { font-size : 15px!important } } </style>
  10. Hello, I just saw that on my first visit those images were not loaded but worked after refresh, just like you described. Have you tried to remove the block and add it from scratch? In the developer console, the source of the image is not being added
  11. When editing a product -> Additional info > Add a code block with the below content <style> .ProductItem-product-price .product-price { display : none!important; } </style>
  12. I think it's because of your change value function. https://github.com/sorcamarian/squarespace-tricks/tree/main/Forms Check these approaches
  13. Have you checked https://developer.mozilla.org/en-US/docs/Web/API/Screen_Capture_API/Using_Screen_Capture ?
  14. Hi, Sure. You can adjust the font size <style> @media (max-width: 767px) { .lock-screen h1 { font-size : 40px!important } .lock-screen p { font-size : 15px!important } } </style>
  15. @greentea7 Unfortunately you will need a plan that allows code injection
  16. @greentea7, I am not aware of plugins. I built this custom feature.
  17. To increase the heading size on mobile add the below code in the Page header code injection <style> @media (max-width: 767px) { .lock-screen h1 { font-size : 40px!important } } </style>
  18. I think it opens your default Mailing software
  19. Hi, Like this? .header-display-desktop .header-actions-action--social { order: 1!important; }
×
×
  • 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.