Jump to content

Beyondspace

Circle Member
 View Profile  See their activity

  • Posts

    10,237

  • Joined

  • Last visited

  • Days Won

    80

 Content Type 

Everything posted by Beyondspace

  1. Beyondspace
    Can you describe more detail about your issue? Here is the images I checked on your site Are they the ones you mentioned?
  2. Beyondspace
    I check that you are using a variable to set the size for this text At the moment the value of variable is undefine. Therefore it does not change You can add the following one to Home > Design > Custom Css @media screen and (max-width: 640px) { div#ninja-elements.ix-block-ninja-custom-typewriter span#typed { font-size: 35px !important; } } to overwrite this style set Let me know how it works on your site
  3. Beyondspace
    This is what I mentioned before. try the solution in this post
  4. Beyondspace
    Where is your issue? Can you share your link and take some screenshots?
  5. Beyondspace
    Try @media only screen and (max-width: 767px) { .header-actions-action--cart { margin-right: 10px !important; } } Change the value to move cart to the left until it meets your desired result Hope it makes sense
  6. Beyondspace
    I just make the wrapper element grid style with 5 columns and remove the pseudo elements before and after. To get through them, I combine using the dev tool and squarespace id finder extension. Hope that it makes sense
  7. Beyondspace
    For hiding the caption on mobile, you can use the following one @media only screen and (max-width: 767px) { section[data-section-id="61a7c0bbf7486f7637972ffd"] .gallery-caption-grid-masonry { display: none; } } Let me know how it goes
  8. Beyondspace
    You can get reference from the following post: Hope it can help
  9. Beyondspace
    My testing
  10. Beyondspace
    Try adding to Home > Design > Custom Css @media only screen and (max-width: 767px) { section[data-section-id="5fc3fa5a4e98326c028c86c5"] .content .sqs-layout > .row:first-child { display: grid; grid-template-columns: repeat(5,1fr) } section[data-section-id="5fc3fa5a4e98326c028c86c5"] .content .sqs-layout > .row:after ,section[data-section-id="5fc3fa5a4e98326c028c86c5"] .content .sqs-layout > .row:before{ content:unset !important; } } Let me know how it works on your site
  11. Beyondspace
    If it does, try adding to Home > Design > Custom Css section[data-section-id="613f5d9d0a89dd6aded981fa"] .sqs-block-button-element { outline: 1px solid #fff; } Let me know how it works on your site
  12. Beyondspace
    By the way, is it the result you want to achieve?
  13. Beyondspace
    Currently, there is no outline buttons. Can you duplicate this page and give us the url so we can take a look?
  14. Beyondspace
    I try the following one to make logo in footer have the same size with logo in header #block-yui_3_17_2_1_1647397784989_5020 .image-block-wrapper { max-width: 775.062px !important; } But it fixes at the moment, therefore if you change the size of browser, they are on different size. I think we need to add the logo in a separate block with on one row. Afterward, we can set max-width with the % value so it will fit when we change browser size
  15. Beyondspace
    Can you describe more detail about your issue? Some screenshots of what you want to achieve could help a lot
  16. Beyondspace
    Do you still need help? What is your issues at the moment?
  17. Beyondspace
    My testing
  18. Beyondspace
    Try adding to Home > Design > Custom Css #collection-62007feac5ad6557038a61b1 { height: 100vh !important; overflow: hidden; } #collection-62007feac5ad6557038a61b1 article { display: flex; flex-direction: column; } #collection-62007feac5ad6557038a61b1 .wm-split-sections { height: 95vh; } #collection-62007feac5ad6557038a61b1 .wm-split-sections > section { padding-top: 0 !important; } #collection-62007feac5ad6557038a61b1 .wm-split-sections + section { height: 5vh !important; } #collection-62007feac5ad6557038a61b1 .wm-split-sections section .content { width: 50% !important; } Let me know how it works on your site
  19. Beyondspace
    My testing
  20. Beyondspace
    Try this solution #block-yui_3_17_2_1_1646936511559_5688 a { border: 16px solid transparent; border-image: linear-gradient(45deg, red , yellow); border-image-slice: 1; } But it can make radius for border
  21. Beyondspace
    Can you take some screenshots to describe your issue? I check that it has no problem
  22. Beyondspace
    Try adding to Home > Design > Custom Css @media only screen and (max-width: 767px) { section[data-section-id="5fa08fed306ad854b4d98bd9"] .content-wrapper { padding: 50% 0 !important; } } Let me know how it works on your site
  23. Beyondspace
    I checked that it was fine at the moment. Do you still need help?
  24. Beyondspace
    This code causes the spacing of price You can use the following one in Home > Design > Custom Css to overwrite the margin and set color for price .product-details h1 { margin-bottom: 0 !important; } .product-price { color: purple; } Change the value until it meets your desired result Let me know how it works on your site
  25. Beyondspace
    1. We need to use js to move the additional info in the Production detail. 2. Use Css to reorder the accordion block on product-item detail You can add to Home > Settings > Advanced > Code injection, choose Footer <script> (function() { window.addEventListener('DOMContentLoaded', () => { const addInfo = document.querySelector('.ProductItem-additional'); const productDetail = document.querySelector('.ProductItem-details'); if(productDetail && addInfo) { productDetail.appendChild(addInfo); } }) })() </script> <style> .ProductItem-details .ProductItem-additional { order: 5; } </style> Let me know how it works on your site Support me by pressing đź‘Ť if this useful for you
Ă—
Ă—
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Upcoming Webinars →

Hire a Designer

Stand out online with the help of an experienced designer or developer.

Get Matched →

Support

Community

Developers

Resources