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

scholarsayze

Member
  • Posts

    284
  • Joined

  • Last visited

Reputation Activity

  1. 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
  2. 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
  3. Like
    scholarsayze got a reaction from bangank36 in How can I remove padding above an image?   
    Hey bangank36, THANK YOU! That fixed it real nice!! 👍💯
  4. Like
    scholarsayze reacted to bangank36 in How can I remove padding above an image?   
    try
    #block-64586b1b3f3f9f8e0a3c .sqs-block-image-figure { padding-top: 0; }  
  5. Like
    scholarsayze got a reaction from bangank36 in How can I remove left padding from my Image logo?   
    Site URL: https://bluebird-porcupine-yzdg.squarespace.com/
    Hello, is it possible to remove some padding from my image logo on my homepage? Please see attached. I'd like our logo to be more left without the left padding.
    Page - https://bluebird-porcupine-yzdg.squarespace.com/
    Pword - bluebird
    Please help! 

  6. Like
    scholarsayze got a reaction from bangank36 in How can I format the Mobile Menu Navigation to my it down?   
    Awesome!!! Thank you kindly that worked perfectly! 💯
    Thank you bangank36
  7. Like
    scholarsayze reacted to bangank36 in How can I format the Mobile Menu Navigation to my it down?   
    You can try this custom css
    .header-menu-nav-folder[data-folder="root"] { padding-top: 10vh; }  
  8. Like
    scholarsayze got a reaction from bangank36 in How can I format the Mobile Menu Navigation to my it down?   
    Site URL: https://bluebird-porcupine-yzdg.squarespace.com/home
    I am currently using some code to format my mobile menu as here:
    /*ALL - FORMATING FOR MOBILE MENU */
    .header--menu-open .header-menu-nav-item {text-align:left;}
    .header--menu-open .header-menu-nav-item {margin-bottom:15px}
    .header--menu-open .header-menu-nav-folder-content {justify-content:normal}
    .header--menu-open .header-menu-nav-item {font-family:neue-haas-grotesk-text}
    .header-menu-nav-item a {font-size: 30px;}
     
    Is there a way to shift downwards the navigation list as per my image attached? Just to move the list away from the top.
    Many thanks
    Page = https://bluebird-porcupine-yzdg.squarespace.com/home
    Pword = bluebird

  9. 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
  10. Like
    scholarsayze reacted to tuanphan in Can I have a different Letter Spacing rule for H1 to all other Headings?   
    Use this
    h1 { font-size: 8rem !important; color: #f1f2f3; letter-spacing: 2px; } Do similar for other values
  11. 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> }
  12. Like
    scholarsayze got a reaction from dvgdvgdvg in How can I create more white space around my Banner inset?   
    AWESOME!!! Thank you SO much that's pretty cool!! Now I can use this styling across my site at specific banners! Just what I needed, thank you again!! 💯
    "Teach me code please!" haha! 
  13. Love
    scholarsayze reacted to dvgdvgdvg in How can I create more white space around my Banner inset?   
    Yep! You can target the section ID in the CSS. You can find the ID by inspecting the code, but it's way easier to use the Squarespace ID Finder Chrome extension. Here's the CSS for the particular example you asked about, with increased left/right margins on just the 2nd inset section ("Collection"):
    [data-section-id="6024f8054a859919444821aa"] { .section-background { top: 3vw!important; right: 9vw!important; bottom: 3vw!important; left: 9vw!important; } }  
  14. Like
    scholarsayze reacted to tuanphan in Is it possible to move my logo into the middle of my header on mobile only?   
    Add to Design > Custom CSS
    /* Header elements position */ @media screen and (max-width:767px) { .header-title-nav-wrapper { order: 2; } .header-actions.header-actions--right { order: 3; } .header-title-logo { text-align: center; } }  
  15. Love
    scholarsayze reacted to tuanphan in How can I increase my Header and Paragraph sizes on Mobile Only?   
    Add to Design > Custom CSS
    @media screen and (max-width:767px) { h2 { font-size: 1.4375rem !important; } p { font-size: 1.1875rem !important; } }  
  16. Like
    scholarsayze reacted to tuanphan in Removing footer on homepage only 7.1   
    Hi. I don't see grey?
  17. Like
    scholarsayze got a reaction from bangank36 in How can I reduce the size of an image on mobile/tablet only?   
    Excellent thank you Bangank36 I really appreciate that!
  18. Like
    scholarsayze reacted to bangank36 in How can I reduce the size of an image on mobile/tablet only?   
    Sorry, use this one
    @media only screen and (max-width: 768px) { #block-yui_3_17_2_1_1611587394882_12001 .sqs-block-image-figure { max-width:70% !important; } }  
  19. Like
    scholarsayze reacted to bangank36 in How can I reduce the size of an image on mobile/tablet only?   
    Like so?
    #block-26496aa931f544c2413d p { text-align: justify; }
  20. Like
    scholarsayze got a reaction from bangank36 in How can I reduce the size of an image on mobile/tablet only?   
    That's PERFECT!!! Thanks so much! I have duplicated and reduced the image size of the green font design also so thanks again.
    Please, no need to apologise as your initial code has also come in handy, I have implemented this also.
    Many thanks Bangank36.
    Do you know if there is a way to also format the paragraph text (see attached) so it looks a little more 'neater'?
    Many thanks.

  21. Like
    scholarsayze got a reaction from bangank36 in How can I reduce the size of an image on mobile/tablet only?   
    Sorry I mean like, formatted nicely perhaps justified somehow?
  22. Like
    scholarsayze got a reaction from bangank36 in How can I reduce the size of an image on mobile/tablet only?   
    Site URL: https://bluebird-porcupine-yzdg.squarespace.com/collection
    Hello, is it possible to reduce the size of my image (see attached) on mobile/tablet only, perhaps down to 80%, and keep cantered?
    Page = https://bluebird-porcupine-yzdg.squarespace.com/collection
    Pword = bluebird
    Many thanks.

  23. Love
    scholarsayze got a reaction from anders in I seem to have Two Login buttons on my site - How can I remove one?   
    Hey Anders many thanks for your reply that really helped out!
    Best,
    Faiz
  24. Like
    scholarsayze got a reaction from creedon in Why is my Homepage Blank on a 768px Browser?   
    Hey Creedon many thanks for your detailed and VERY helpful solution - that fixed that issue!!! Awesome support!!!
    I would never have been able to notice and figure that error! THANK YOU SO MUCH!!! 💯💗
    Best,
    Faiz
  25. Like
    scholarsayze reacted to creedon in Why is my Homepage Blank on a 768px Browser?   
    Remove, make a copy somewhere, or comment out the following CSS.
    @media only screen and (max-width: 768px) { body:not(.sqs-edit-mode) section[data-section-id="5fff1e1e7f507d702792c87b"] { display:none !important; visibility: hidden !important; opacity: 0 !important } body.sqs-edit-mode section[data-section-id="5fff1e1e7f507d702792c87b"] { opacity: .5 !important } } @media only screen and (min-width: 768px) {     body:not(.sqs-edit-mode) section[data-section-id="5fedd1a50db4f45ccb5e94ae"] {         display:none !important;         visibility: hidden !important;         opacity: 0 !important     }     body.sqs-edit-mode section[data-section-id="5fedd1a50db4f45ccb5e94ae"] {         opacity: .5 !important     } } Add the following CSS.
    /* HOME - HIDES HEADER SECTION 1 FROM MOBILE BUT LEAVES IN EDIT MODE - ESSENTIALLY, THIS CSS CODE WOULD ONLY RUN IF THE SCREEN SIZE OF THE DEVICE IS 767px OR LESS */ @media only screen and ( max-width: 767px ) {   body:not( .sqs-edit-mode ) section[data-section-id="5fff1e1e7f507d702792c87b"] {        display: none;          }        body.sqs-edit-mode section[data-section-id="5fff1e1e7f507d702792c87b"] {        opacity: 0.5;          }   } /* HOME - HIDES HEADER SECTION 2 FROM DESKTOP BUT LEAVES IN EDIT MODE - ESSENTIALLY, THIS CSS CODE WOULD ONLY RUN IF THE SCREEN SIZE OF THE DEVICE IS GREATER OR EQUAL TO 768px */ @media only screen and ( min-width: 768px ) {   body:not( .sqs-edit-mode ) section[data-section-id="5fedd1a50db4f45ccb5e94ae"] {        display: none;          }        body.sqs-edit-mode section[data-section-id="5fedd1a50db4f45ccb5e94ae"] {        opacity: 0.5;          }   } Alternately you could add the CSS to Page Settings > Advanced > Page Header Code Injection for each page where you want to achieve the effect.
    <style>      /* HOME - HIDES HEADER SECTION 1 FROM MOBILE BUT LEAVES IN EDIT MODE - ESSENTIALLY, THIS CSS CODE WOULD ONLY RUN IF THE SCREEN SIZE OF THE DEVICE IS 767px OR LESS */      @media only screen and ( max-width: 767px ) {        body:not( .sqs-edit-mode ) section:nth-child( 1 ) {              display: none;              }            body.sqs-edit-mode section:nth-child( 1 ) {            opacity: 0.5;              }     }        /* HOME - HIDES HEADER SECTION 2 FROM DESKTOP BUT LEAVES IN EDIT MODE - ESSENTIALLY, THIS CSS CODE WOULD ONLY RUN IF THE SCREEN SIZE OF THE DEVICE IS GREATER OR EQUAL TO 768px */      @media only screen and ( min-width: 768px ) {        body:not( .sqs-edit-mode ) section:nth-child( 2 ) {            display: none;              }            body.sqs-edit-mode section:nth-child( 2 ) {            opacity: 0.5;              }     }        </style> The issue was that the two rule-sets were both set to display no section at 768px.
    Let us know how it goes.
×
×
  • Create New...