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

scholarsayze

Member
  • Content Count

    273
  • Joined

  • Last visited

Reputation Activity

  1. 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
  2. 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!! 👍💯
  3. Like
    scholarsayze reacted to bangank36 in How can I remove padding above an image?   
    try
    #block-64586b1b3f3f9f8e0a3c .sqs-block-image-figure { padding-top: 0; }  
  4. 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! 

  5. 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
  6. 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; }  
  7. 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

  8. 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
  9. 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
  10. 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> }
  11. 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! 
  12. 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; } }  
  13. 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; } }  
  14. 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; } }  
  15. Like
    scholarsayze reacted to tuanphan in Removing footer on homepage only 7.1   
    Hi. I don't see grey?
  16. 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!
  17. 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; } }  
  18. 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; }
  19. 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.

  20. 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?
  21. 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.

  22. 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
  23. 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
  24. 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.
  25. Like
    scholarsayze got a reaction from bangank36 in Why is my Homepage Blank on a 768px Browser?   
    Site URL: https://bluebird-porcupine-yzdg.squarespace.com/home
    Hello
    I currently have some code that I am using to display one header section for Desktop, and switch to another header section for Tablet and Mobile. The reason behind this is that my first design for Desktop does not look good on mobile. The code also allows me to see the sections in 'edit' mode making it a lot easier to tweak the design if I need to. Here's the code:
    /* 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 768px OR LESS*/
    @media only screen and (max-width: 768px) {
        body:not(.sqs-edit-mode) section[data-section-id="5fec522cbb6ff82c0aae7a7f"] {
          display: none !important;
          visibility: hidden !important;
          opacity: 0 !important;
        }
    body.sqs-edit-mode section[data-section-id="5fec522cbb6ff82c0aae7a7f"] {opacity: 0.5 !important;}
    }
    /* 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 !important;
          visibility: hidden !important;
          opacity: 0 !important;
        }
    body.sqs-edit-mode section[data-section-id="5fedd1a50db4f45ccb5e94ae"] {opacity: 0.5 !important;}
    }
     
    I noticed today that if I resize my browser down to 768px, my homepage is blank (see attached image).
    Have I missed something in my code? I believe iPads breakpoint is at 768px so I just want to be sure my page is visible across all breakpoints.
    Please help.
    Many thanks,
    Best,
    Faiz
    Site URL: https://bluebird-porcupine-yzdg.squarespace.com/home
    Pword - bluebird

×
×
  • Create New...