Jump to content

djm

Circle Member
  • Posts

    57
  • Joined

  • Last visited

Reputation Activity

  1. Like
    djm reacted to promax in How do I stop the text on my mobile site changing size when scrolling?   
    any solution? Tried everything but not working.
  2. Like
    djm reacted to Prozac in How do I stop the text on my mobile site changing size when scrolling?   
    Here's a screen recording of what I'm trying to describe.
    Thank you 🙂
    RPReplay_Final1686350899.MP4
  3. Like
    djm reacted to michaelmac97 in How do I stop the text on my mobile site changing size when scrolling?   
    Hi! I am having the same issue. Did you ever find a solution?
  4. Like
    djm reacted to tuanphan in 7.1 Mobile Menu Header/Logo Design & Styling   
    Add to Home > Design > Custom CSS
    @media screen and (max-width:767px) { .header-menu-bg.theme-bg--primary { background: red !important; } } If you know HTML/CSS, you can use Inspect Element (Right Click) to find these ID/Class.
    Reference: https://beaverhero.com/squarespace-71-css-list/
  5. Like
    djm got a reaction from sophie.elizabeth in Custom line height   
    You would need use code specifically for the block intended. Find out what your block id is with this chrome extension:
    https://chrome.google.com/webstore/detail/squarespace-collectionblo/bggpdfnccodbnmcndckmeehdjkjojkde
    Then use custom CSS do define the line height for that specific block id.
  6. Like
    djm reacted to squareface in Custom line height   
    Hi,
    I need to create a title in extra large heading style on one line and then a line below it in medium paragraph style that is fairly close to it in line height. For some reason the default distance between the two lines is really wide and looks strange. It seems IMPOSSIBLE to adjust the distance.
    If I use shift then enter I get the correct line spacing, but then I cannot change the text style, it just automatically switches to extra large heading, so the two lines are all in the same style. So i guess I want a standard paragraph space, but between a heading and a paragraph line.
    How do i reduce the line height between these two lines? I don't want to adjust the global line height, just the line height between the title and the line below, on one section only. Perhaps you can do this by creating two seperate blocks and squeezing them together or something? Or a custom per-section line height?
    I'm using 7.1 and the template is Novo.
     
    Thanks!
  7. Like
    djm reacted to tuanphan in Replace background image on mobile   
    @media screen and (max-width:767px) { [data-section-id="5e71026ea0c7907f72f1e5a1"] .section-background img { visibility: hidden; } [data-section-id="5e71026ea0c7907f72f1e5a1"] .section-background { background-image: url(https://beaverhero.com/wp-content/uploads/2020/05/ss-team01-min.png); background-size: cover; background-position: center center; background-repeat: no-repeat; } }  
  8. Like
    djm reacted to paul2009 in Indexed though blocked by robots.txt   
    This is completely normal, and you can ignore the message. Your site has been indexed by Google.
    Squarespace use a robots.txt file to ask Google not to crawl certain pages because they’re for internal use only or display duplicate content. For example, you would not want them to index the /config/ url that you use to administer your website.
    For more detailed information see Understanding Google SEO emails and console errors.
  9. Like
    djm reacted to tuanphan in Replace background image on mobile   
    You can set new image on mobile. If you like this ideal, please let me know, I will give the code
  10. Like
    djm reacted to tuanphan in Dark and light version of logo   
    .header--menu-open nav.header-menu-nav-list * { color: green !important; }  
  11. Like
    djm reacted to AFDesign in Replace background image on mobile   
    I'd like to replace the background header image with one that is designed to fit a vertical layout when site is viewed on mobile. Ideally text and icon sit above the person in the image, rather than to the side like they do for larger displays.
    site is https://icosahedron-rust-5y3f.squarespace.com/
    password: 2020
    The image below is the one I'd like to use for mobile. I can adjust image size/dimensions if needed.

    Any help greatly appreciated!
  12. Like
    djm reacted to AFDesign in Replace background image on mobile   
    I am still wrestling with this header and would love any help the community could offer.
  13. Love
    djm reacted to tuanphan in Logo wall mobile display 2 by 2   
    Add to Home > Design > Custom CSS
    @media screen and (max-width:767px) { /* 2 logo on row */ div#block-296356925219508dcf53+.row>.col:not(:last-child) { width: 50% !important; float: left !important; } /* last logos */ div#block-296356925219508dcf53+.row>.col:last-child .span-2 { float: left !important; width: 50% !important; } }  
  14. Like
    djm reacted to tuanphan in Dark and light version of logo   
    @media screen and (max-width:767px) { .header--menu-open .header-title-logo img { filter: invert(0); } .header-menu-bg.theme-bg--primary { background: red !important; } }  
  15. Like
    djm reacted to tuanphan in Dark and light version of logo   
    To change logo to black on one page, add this to Page Settings > Advanced > Header
    <style> .header-title-logo img { filter: invert(1); } </style>  
  16. Like
    djm got a reaction from christyprice in Changing size of one banner heading for mobile only   
    Thanks so much @christyprice. Works great.
  17. Like
    djm reacted to tuanphan in Logo wall mobile display 2 by 2   
    If you use Gallery Block to create logos, it will be easier...
  18. Like
    djm reacted to christyprice in Changing size of one banner heading for mobile only   
    Hi @djm, yes you can target all h3 on mobile. 
    @media only screen and (max-width: 991px) { h3 { font-size: 12px !important; } } You can change around the screen size max-width and the font size until you get the result you want. 
  19. Like
    djm reacted to christyprice in Changing size of one banner heading for mobile only   
    You'd want to target that specific block for mobile only  in Design > Custom CSS. Try this and play around with the font size.
    @media screen and (max-width: 640px) { #block-b804c57f124fbfbe2d7f { font-size: 20px !important; } }  
  20. Like
    djm reacted to HiFiGuy528 in Is there a way to change the size of form fields?   
    How do I do this if I only want the "Message" box bigger? This seems to change all the boxes. Thanks for your help. ~ Mike
  21. Like
    djm reacted to allisonstratton820 in Image block overlay color in 7.1   
    Add this to your CSS
     
    #block-your block id .image-overlay {display:none !important;}
     
  22. Like
    djm reacted to tuanphan in Logo wall mobile display 2 by 2   
    Can you share link to that page? I think some CSS can solve.
×
×
  • 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.