Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search


Circle Member
  • Posts

  • Joined

  • Last visited

Everything posted by sorca_marian

  1. @dearnaomichan Yes, it is possible wit vanilla JavaScript. It would take me a few hours to achieve the result and for that amount of hours I request to be hired on Upwork.
  2. Great. Make sure to mark this topic as answered.
  3. Hi, You can do this from the editor. Make sure there are 4 images each next to other. Currently there is 1 image individually added and 3 images wrapped together. Move them from the block where they are 3. I hope you understand what I want to say. Then they will be displayed one on top of each-other.
  4. Hi, This is possible with custom code. I can program this using JavaScript but it will take me a few hours. I can be hired on Upwork for this.
  5. What is the address of the page you are trying to achieve this?
  6. #block-yui_3_17_2_1_1605148671913_21135+div>div center div { margin: 0px 10px; }
  7. Hi, Add the below code in Design -> Custom CSS #block-yui_3_17_2_1_1605148671913_21135 + div > div center div { display: flex!important; justify-content : center; }
  8. #phone-6046af68-c88c-42d5-8df2-a19c0d4d4af2 .field.four-digits { width: 9.8em; } #phone-6046af68-c88c-42d5-8df2-a19c0d4d4af2 .field.three-digits { width: 9.8em; } For the phone, another code is required
  9. For tasks that take good hours I can be hired on Upwork
  10. Hi, It is possible. Here are a few lightboxes outside Squarespace: - https://biati-digital.github.io/glightbox/ - https://sachinchoolur.github.io/lightgallery.js/ What would you like to display in the lightbox?
  11. Sure, just add with to the current CSS #textarea-67abceef-dc48-4b6f-adfa-69eb4287806d textarea { min-height : 20px; width : 250px; }
  12. Hi, Do you want some text to appear for example on the bottom right of an image?
  13. Hi, You want to make the zip code area smaller? If so, add the below code in Design -> Custom CSS #textarea-67abceef-dc48-4b6f-adfa-69eb4287806d textarea { min-height : 20px; }
  14. Hi, Add this to Design -> Custom CSS .nested-category-children a { font-weight: bold; } @media screen and (max-width: 575px) { .products.collection-content-wrapper .nested-category-children { flex-wrap : wrap; } }
  15. Add the code without @media to apply the code on all screens
  16. Now I noticed the problem. The URLs are incorrect and added twice. Instead of https://static1.squarespace.com/static/605809d9a59404695757ccb0/t/60ce54ec3838956a5acaa99e/1624134892867/Margin+OTF.otfhttps://static1.squarespace.com/static/605809d9a59404695757ccb0/t/60ce54ec3838956a5acaa99e/1624134892867/Margin+OTF.otf Try https://static1.squarespace.com/static/605809d9a59404695757ccb0/t/60ce54ec3838956a5acaa99e/1624134892867/Margin+OTF.otf Follow this syntax: https://www.w3schools.com/cssref/css3_pr_font-face_rule.asp @font-face { font-family : 'Family'; font-style : normal; src: url('../fonts/Family-Book.otf'); font-weight: 400; } @font-face { font-family : 'Family'; font-style : normal; src: url('../fonts/Family-Demi.otf'); font-weight: 500; } @font-face { font-family : 'Family'; font-style : normal; src: url('../fonts/Family-Bold.otf'); font-weight: 700; }
  17. Can you send the URLs of the webfonts so I can try to add them? Or better, paste both code sections from above so it works faster to make changes
  18. Hi, Try to put the URLs in quotes(""). The url does not work: https://www.saramendoza.co/quiz-elegante-fashionista
  19. Hello! Add the below code in Settings -> Advanced -> Code Injection > FOOTER <script> window.addEventListener("scroll", function() { var siteTitle = document.querySelector("#site-title"); if(window.pageYOffset >= 30) { siteTitle.className = "smaller-font"; } else { siteTitle.className = ""; } }); </script> And the below code in Design -> Custom CSS #site-title.smaller-font { font-size : 23px; }
  20. Hi, You can add the below code in the page header code injection of the page <style> .tweak-portfolio-grid-overlay-height-large .portfolio-grid-overlay { padding-top: 5vw; padding-bottom: 0; min-height: auto; } </style>
  • Create New...