Jump to content

scholarsayze

Member
  • Posts

    296
  • Joined

  • Last visited

Reputation Activity

  1. Like
    scholarsayze got a reaction from tuanphan in How can I remove padding around images to achieve a specific image layout?   
    Hi @raquelwilson
    I actually used the following code on our Scholar & Sayze site as here:
    [data-section-id="6034c2b9d8e50b04d5651ea4"] {
     .section-background {
        top: 5vw!important;
        right: 0vw!important;
        bottom: 3vw!important;
        left: 21vw!important;
      }
    }
    Of course you will just need to replace the id code with your data section id and play around with the positioning settings.
    Hope that helps!
  2. Like
    scholarsayze got a reaction from tuanphan in Is there a way to hide the previous/next arrows on the product page in mobile view?   
    Hi Tuanphan thank you SO much this fixed my issue with the navigations I really appreciate your kind help here!
    Many thanks!
  3. Like
    scholarsayze got a reaction from tuanphan in Is it possible to change some formating on my Lock Screen page?   
    Hi I managed to find out through other posts how to achieve the formatting on my Lock Page. I have used the following code and added to Settings / Advanced / Code Injection / Lock Page:
     
    <style>
      * {
          color: #00ff3d !important;
        font-size: 0.9rem !important;
     font-weight: 300;
     letter-spacing:-0.01em;
     line-height: 0.9em;
     text-transform: none;
     
      }
    </style>
    <!-- CHANGES FONT COLOR ON LOCK SCREEN -->
    <style>
      @font-face {
          font-family: font name here;
        src: url(link to font url);
      }
      * {
          font-family: font name here !important;
      }
    </style>
    <!-- CHANGES FONT FAMILY ON LOCK SCREEN -->
    <style id="slide-styles" type="text/css">
      .scrim{background-color: transparent!important;
    </style>
    <!-- REMOVES THE GREY OVERLAY ON LOCK SCREEN -->
    <style>
      .sqs-slice-image img {
        max-height: 100px !important;
    }
      .sqs-slice-body {
        margin-top: 50px !important;
    }
    </style>
    <!-- CHANGES THE SPINNING LOGO SIZE ON LOCK SCREEN -->
     
    Many thanks,
    Best,
    Faiz
  4. Like
    scholarsayze reacted to mprdesign in How do i redirect the logo link to my homepage instead of a cover page?   
    thanks! this one finally worked for me! 7.1 Crosby template
  5. Like
    scholarsayze reacted to tuanphan in How do i redirect the logo link to my homepage instead of a cover page?   
    <script> document.querySelector('.header-title-logo a').setAttribute('href', '/home'); </script> yes footer
  6. Like
    scholarsayze reacted to Webefo in How can I change the Font Family for just a single   
    If you want to change fonts for one page then you have to use some custom CSS in your required page header code injection. Please use those code in your required pagae header code injection.
    <style type="text/css"> #block-yui_3_17_2_1_1613558390525_5996 p { font-family: adobe-caslon-pro !important; font-size: 1.9rem !important; color: #00ff3d !important; } </style> }
  7. Like
    scholarsayze got a reaction from Beyondspace in Is it possible to Hide an Entire Section from my Homepage and Unhide for later use?   
    Thank you so much! So do I add the full ID code copied like this:
    section[data-section-id="5fe32430ede60b2fac33f917"]
    So the code should be like this to hide on mobile?
    /* Hide the section on mobile */ @media only screen and (max-width: 768px) { body:not(.sqs-edit-mode) section[data-section-id="5fe32430ede60b2fac33f917"] { display: none !important; visibility: hidden !important; opacity: 0 !important; } }
  8. Like
    scholarsayze got a reaction from Beyondspace in Is it possible to Hide an Entire Section from my Homepage and Unhide for later use?   
    Hello, is it possible to have a similar code to hide a section either:
    on desktop on mobile/tablet But still available for edit mode. Two separate codes would be great.
    I find that one design works better on Desktop than Mobile/Tablet and vice-versa.
    Many thanks.
    Best,
    Faiz
  9. Like
    scholarsayze got a reaction from Beyondspace in Is it possible to Hide an Entire Section from my Homepage and Unhide for later use?   
    Oh My!!! That's AWESOME! That's exactly what I need thank you SO much!!
    Thank you Bangank36 💯
  10. Love
    scholarsayze reacted to Beyondspace in Is it possible to Hide an Entire Section from my Homepage and Unhide for later use?   
    body:not(.sqs-edit-mode) section[data-section-id="5f8fea6196d2c93c2a238f81"] { display: none !important; visibility: hidden !important; opacity: 0 !important; } body.sqs-edit-mode section[data-section-id="5f8fea6196d2c93c2a238f81"] {opacity: 0.5 !important;}  
  11. Like
    scholarsayze got a reaction from Beyondspace in Is it possible to Hide an Entire Section from my Homepage and Unhide for later use?   
    Site URL: https://bluebird-porcupine-yzdg.squarespace.com/
    Hello, Is it possible to completely hide a section from both Desktop, mobile and tablet - basically so it is hidden from all devices?
    When I design certain sections on my homepage, I often feel like I could keep this design for later, without deleting it and starting the work all over again.
    I don't think Squarespace has a feature you can just toggle sections on/off?
    My site url = https://bluebird-porcupine-yzdg.squarespace.com/
    My Pword = bluebird
    Best,
    Faiz
  12. Love
    scholarsayze reacted to tuanphan in How can I adjust the height of a Section?   
    Add to Home > Design > Custom CSS
    [data-section-id="5f561a59fab9b365a25a1d1e"] { min-height: unset !important; } [data-section-id="5f561a59fab9b365a25a1d1e"] .content-wrapper { padding-bottom: 0 !important; }  
  13. Like
    scholarsayze got a reaction from Beyondspace in How can I remove padding around images to achieve a specific image layout?   
    Is there a away to allow this code to only affect the desktop view, and NOT on mobile?
    Many thanks.
    Best,
    Faizal
  14. Like
    scholarsayze reacted to Beyondspace in How can I remove padding around images to achieve a specific image layout?   
    Kindly check this snippet
    section[data-section-id="5ee902680f1cf9687c177bee"] { width: 100vw; } section[data-section-id="5ee902680f1cf9687c177bee"] .content-wrapper { margin: 0; width: 100%; max-width: 100%; padding: 0 !important; } section[data-section-id="5ee902680f1cf9687c177bee"] .content-wrapper .content { width: 100% !important; } section[data-section-id="5ee902680f1cf9687c177bee"] .content-wrapper .sqs-block-image { padding: 0; } section[data-section-id="5ee902680f1cf9687c177bee"] .content-wrapper .sqs-block-image img { width: auto !important; height: 100% !important; }
  15. Love
    scholarsayze reacted to tuanphan in Make a Web Element appear on mobile view only   
    @media screen and (max-width:767px) { [data-section-id="abcxyztuan"] { display: none; } } Find ID with this tool https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff
×
×
  • 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.