Jump to content

Beyondspace

Circle Member
 View Profile  See their activity

  • Posts

    10,135

  • Joined

  • Last visited

  • Days Won

    80

 Content Type 

Everything posted by Beyondspace

  1. Beyondspace
    You can try adding to the page id in your code #page-id .header-title-logo img { visibility: hidden; } #page-id .header-title-logo a { background-image: url(https://static1.squarespace.com/static/61f5cc0be7e75c734cc1b632/t/620a7f19227f095ddeb94a5a/1644855066029/StudioRollo_LogoS_Horizontal_Parsley.png); background-size: contain; background-repeat: no-repeat; background-position: center center; } You can try using the extension Squarespace ID Finder: https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff?hl=en Here is how you can get the page id: http://recordit.co/qwnj09oNCa
  2. Beyondspace
    Try adding to Home > Design > custom Css #block-ad80010ec1f48b7b7003 .accordion-item__title, #block-ad80010ec1f48b7b7003 .accordion-item__description * { font-family: arial; } Choose the right font you want to apply Let me know how it works on your site Support me by pressing 👍 if this useful for you
  3. Beyondspace
    Try adding to Home > Design > Custom Css .yui3-lightbox2 .sqs-lightbox-meta.overlay-description-visible { background-color: rgba(255, 255, 255, 0.6); color: #000; } Let me know how it works on your site Support me by pressing 👍 if this useful for you
  4. Beyondspace
    .sqs-gallery-controls > span { position: absolute !important; top: 50% !important; transform: translateY(-50%); } .sqs-gallery-design-carousel .sqs-gallery-controls .previous { left: -10px !important; } .sqs-gallery-design-carousel .sqs-gallery-controls .next { right: -10px !important; } .sqs-gallery-design-carousel .sqs-gallery-controls .next:before { background: url('https://api.iconify.design/carbon/next-outline.svg') no-repeat center center / contain; width: 50px; height: 50px; content: ''; } .sqs-gallery-design-carousel .sqs-gallery-controls .previous:before { background: url('https://api.iconify.design/carbon/next-outline.svg?width=20&rotate=180deg') no-repeat center center / contain; width: 50px; height: 50px; content: ''; } Change the url background with the link of your arrow image
  5. Beyondspace
    Try adding to Home > Settings > Advanced > Code injection <script> (function(){ window.addEventListener('DOMContentLoaded', () => { if(document.querySelector('#productNav a')) { document.querySelector('#productNav a').setAttribute('href','/cost-to-you-1') } }); })(); </script> Let me know how it works on your site Support me by pressing 👍 if this useful for you
  6. Beyondspace
    My testing
  7. Beyondspace
    Try adding to Home > Design > Custom Css .bright .sqs-block-newsletter .newsletter-form-button { background-color: transparent !important; color: #fff !important; padding-left: 10px !important; } Let me know how it works on your site Support me by pressing 👍 if this useful for you
  8. Beyondspace
    My testing
  9. Beyondspace
    Try adding to Home > Design > Custom Css @media only screen and (max-width: 767px) { #collection-60907088cb723d60cbda3366 #home-header .Index-page-content { top: -111px; position: relative; } } Let me know how it works on your site Support me by pressing 👍 if this useful for you
  10. Beyondspace
    1. Do you mean something like this? Try adding to Home > Design > Custom Css .header-display-desktop .header-nav { position: absolute; right: 0; bottom: 0; } Let me know how it works
  11. Beyondspace
    Your site is private now. Kindly give it a protected password to check it together
  12. Beyondspace
    Try adding to Home > Design > Custom Css .product-details .variant-option select { font-size: 20px; } Let me know how it works on your site Support me by pressing 👍 if this useful for you
  13. Beyondspace
    Can you share the direct link to this page? I can not find it
  14. Beyondspace
    Can you share your site with the protected password so we can take a look?
  15. Beyondspace
    I can not find the Stories Found in the Design Page. Can you explain more detail and add some screenshot of your idea?
  16. Beyondspace
    1. Home > Settings > Advanced > Code injection, choose footer <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script> $(document).ready(function(){ $('.gallery-lightbox-item-img').each(function(){ var alt = $(this).find('img').attr('alt'); $(this).append('<div class="lightbox-caption">' + alt + '</div>'); }); }); </script> 2. Home > Design > Custom Css figcaption.gallery-caption { display:none; } .lightbox-caption { position:absolute; bottom:0; color:white; text-align:center; width:100%; } Let me know how it works on your site Support me by pressing 👍 if this useful for you
  17. Beyondspace
    Can you share your site with the protected password so we can take a look?
  18. Beyondspace
    when clicking on those buttons, what would you intend to do?
  19. Beyondspace
    1. For the overlay color, your can change from background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,.95) 100%); mix-blend-mode: multiply; height: 25%; to background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,.95) 100%); height: 50%; (remove the mix-blend-mode) 2. color of title: change the color code in this code
  20. Beyondspace
    My testing
  21. Beyondspace
    Try adding to Home > Design > Custom Css #collection-6204d222e342e93093702da4 .sqs-block-image .image-block-outer-wrapper:not(.image-block-v2).layout-caption-overlay-hover .image-caption-wrapper p { color: grey ; } Let me know how it works on your site Support me by pressing 👍 if this useful for you
  22. Beyondspace
    Try adding to Home > Design > Custom Css .grid-item { pointer-events: auto; } Let me know how it works on your site
  23. Beyondspace
    How do you think about this result?
  24. Beyondspace
    Try adding to Home > Design > Custom Css /*1st section*/ section[data-section-id="61dda8e9afd08334af9f9a94"] { a { &:after { content: ''; display: block; width: 100%; height: 100%; background: transparent; position: absolute; top: 0; left: 0; } } .content-wrapper { * { position: static; } top: 0; left: 0; bottom: 0; right: 0; position: absolute !important; align-items: center; } } /*2nd section*/ section[data-section-id="61dda8876d090a490c87f020"] { a { &:after { content: ''; display: block; width: 100%; height: 100%; background: transparent; position: absolute; top: 0; left: 0; } } .content-wrapper { * { position: static; } top: 0; left: 0; bottom: 0; right: 0; position: absolute !important; align-items: center; } } /*3rd section*/ section[data-section-id="61dda984e4dcf868ea78e99b"] { a { &:after { content: ''; display: block; width: 100%; height: 100%; background: transparent; position: absolute; top: 0; left: 0; } } .content-wrapper { * { position: static; } top: 0; left: 0; bottom: 0; right: 0; position: absolute !important; align-items: center; } } Let me know how it works on your site
  25. Beyondspace
    My testing
×
×
  • 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