Jump to content

benja

Circle Member
  • Posts

    29
  • Joined

  • Last visited

Reputation Activity

  1. Like
    benja reacted to Ziggy in Remove padding in text block   
    Squarespace is dynamic, as websites need to be as they get viewed on a huge number of screen sizes and resolutions. It is also on a grid system, so the block has to stay within those bounds. The slight variation in the padding is simply coming from those constraints. The padding you are setting is effectively a minimum of 5%, it is not an absolute value.
    Using this code and targeting specific text blocks should mean that the background only gets applied around the text and should be more consistent:
    #block-dd85f78398b41a11242b { .sqs-html-content { background-color:green; padding:5%; } }
  2. Thanks
    benja reacted to tuanphan in Resize Button on mobile   
    To resize button text on mobile, use this CSS
    /* Mobile button text size */ @media screen and (max-width:767px) { div#block-f2a8291c0bdfb307573a a { font-size: 14px !important; } }  
  3. Like
    benja reacted to tuanphan in Removing top padding in header 7.1   
    Add to Home > Design > Custom CSS
    .header-announcement-bar-wrapper { padding-top: 0 !important; }  
  4. Like
    benja reacted to tuanphan in how to remove blank space between logo, links, and elements in header?   
    Hi,
    Try adding to Home > Design > Custom CSS. If it doest work, please share site url.
    /* Nav one line */ .header-title-nav-wrapper { flex: 1 0 90%; } .header-layout-nav-center .header-nav { width: 100% !important; flex: 1 1 100%; }  
  5. Like
    benja reacted to Spark_Plugin in Adding a custom icon (phone/ email) before text   
    Hey!
    I made a guide on how to add over 1600 icons to Squarespace, including a lot of different customization options.
    You can check out my free icon guide here.

  6. Like
    benja reacted to paul2009 in Why custom CSS is not working?   
    Friday 15 April 2022:
    I can confirm there is currently an issue with the preview pane on Squarespace 7.1 sites that is preventing CSS from being previewed correctly whilst editing the site.
    It has been reported to Squarespace's Engineering team, and they’re currently prioritizing the issue.
    The temporary workaround is not very efficient, but is functional. Open a second browser window in private/incognito mode and preview your website in this other window without logging on to Squarespace. If you are in a trial, you will need to set a public site-wide password to allow you to view the site whilst not logged on.
    With both windows open, you can make CSS changes in the main logged-in window, save them and then refresh the private window to see if they have worked as expected.
    Regarding issues generally, you can report issues with the platform directly to Squarespace using this link.
    Did this help? Please give feedback by clicking an icon below  ⬇️
  7. Thanks
    benja reacted to tuanphan in Mobile layout for image block   
    Hi. Add to Design > Custom CSS
    /* Mobile homepage 16 heads */ @media screen and (max-width:767px) { div#block-yui_3_17_2_1_1638192805985_20063~.row .span-3 { width: 50% !important; float: left !important; } div#block-yui_3_17_2_1_1638192805985_20063~.row .span-3:nth-child(2n+1) { clear: left !important; } }  
  8. Thanks
    benja reacted to tuanphan in Hiding navigation links on specific pages // folder an mobile   
    Just an example
    span.Header-nav-item.Header-nav-item--folder:nth-child(2) { display: none; } To add 2 languages, you can consider these guides
    https://www.bradgood.net/articles/multi-language-content-on-any-squarespace-template https://beaverhero.com/squarespace-2-languages/
  9. Love
    benja reacted to tuanphan in Header image on mobile   
    You're welcome. If you have any other problems, just reply here or ask new question.
  10. Like
    benja reacted to tuanphan in Header image on mobile   
    Add to Design > Custom CSS
    html, body { overflow-x: hidden; } @media screen and (max-width:991px) { .Mobile-bar.Mobile-bar--bottom { display: none; } }  
×
×
  • 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.