benja
-
Posts
29 -
Joined
-
Last visited
Reputation Activity
-
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%; } } -
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; } }
-
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; }
-
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%; }
-
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.
-
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 ⬇️
-
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; } }
-
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/ -
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.
-
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; } }