-
Posts
64,744 -
Joined
-
Last visited
-
Days Won
516
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by tuanphan
-
Adding a subtitle to a title to thumbnails in portfolio grid
tuanphan replied to noraboeke-art's topic in Customize with code
You can also use CSS to achieve this. It won't appear above problems, however it is manually. If you share link to your site, we can give CSS code -
It looks like problem appears on both mobile & tablet. Use this new code @media screen and (max-width:991px) { [data-section-id="612ef50cef0da00145dc943d"] { min-height: unset !important; height: 30vh; } } (I changed 767px to 991px)
-
Navigation - reducing text size or making column wider
tuanphan replied to RiseNE1's topic in Site Design & Styles
Hi, I just checked again & see the tablet doesn't look good. You can use this CSS to increase overlay menu width on tablet @media screen and (min-width:750px) and (max-width:1024px) { .header-menu { width: 30% !important; } } -
Change website layout to other designed website but keep URL
tuanphan replied to CharlotteJR's topic in Site Design & Styles
Hi, You need to contact Squarespace Customer Care to transfer subscription -
Line Height Issue When Using Custom Font
tuanphan replied to Nigel--'s topic in Site Design & Styles
Can you share link to this page? I don't see it on homepage -
Adding a sticky header (navigation) using Wexley the template?
tuanphan replied to iancurcio's topic in Site Design & Styles
Add to Design > Custom CSS header#header { position: fixed; top: 0; z-index: 999; left: 0; right: 0; padding-top: 60px; padding-left: 60px; padding-right: 60px; background-color: white; } @media screen and (min-width:901px) { div#pageWrapper { margin-top: 150px; } } -
Hi. Possible. Can you share link to your site?
-
Hero Image on Mobile - Asking for CSS for correct size.
tuanphan replied to CreativeBloom's topic in Customize with code
The banner image is fine from my end. You try checking again -
Adjust padding for image in single index page
tuanphan replied to technicolordaisy's topic in Customize with code
@technicolordaisy Don't remove any code in your current code. Add to Design > Custom CSS section#yoga-offerings>div { padding-left: 0px !important; padding-right: 0px !important; }- 5 replies
-
- index-page
- index
-
(and 2 more)
Tagged with:
-
@Katie_B Try adding to Design > Custom CSS @media screen and (max-width:767px) { div#block-9b9e29c823a3c5ca1a29+.row .span-5 { width: 50% !important; float: left !important; } div#block-9b9e29c823a3c5ca1a29+.row .span-5 .html-block { width: 90% !important; } }
-
- 41 replies
-
- squarespace-7.1
- css
-
(and 1 more)
Tagged with:
-
Tablet version like mobile version for entire site
tuanphan replied to CamillaAAA's topic in Customize with code
Try adding this to Design > Custom CSS @media screen and (max-width:900px) { [class*=sqs-col] { width: 100% !important; } } -
Make images in Auto Layout list clickable?
tuanphan replied to Struckhoff's topic in Fonts, colors and images
You want to make image clickable, same url as button?- 31 replies
-
- custom-css
- script
-
(and 3 more)
Tagged with:
-
How to add a second logo to my squarespace header in 7.1?
tuanphan replied to Jacquelyn's topic in Customize with code
You mean Logo (Middle) - Burger (right)? -
Images seem to be shifted to the right in mobile view
tuanphan replied to oscarmay_'s topic in Customize with code
I see problem appears in lightbox only. Try adding this to Design > Custom CSS @media screen and (max-width:767px) { .gallery-lightbox[data-open='true'] { padding: 0 !important; } } -
@Begona Add this to Design > Custom CSS /* Cart page checkout button */ button.checkout-button { background-color: #f1f3f9 !important; } button.checkout-button span { color: red !important; }
-
Use this CSS /* Footer split layout */ @media screen and (min-width:768px) { [data-section-id="6139da96d203ef247abc5142"] .section-background { width: 50%; margin-right: 50%; } [data-section-id="6139da96d203ef247abc5142"] { background-color: white; } } In the next time, I recommed using this Split plugin to achieve above layout, you can customize everything easier.
- 13 replies
-
#1. Add this to Design > Custom CSS /* call us overlap whatsapp */ a.t-button.button2 { top: calc(~"50% - 70px") !important; } #2. To change whatsapp text to icon, add this CSS /* whatsapp */ a.t-button.button2 { background-image: url(https://static1.squarespace.com/static/5e92bd3b9d0f316bec63924e/t/61a0b21beff3f125623552e8/1637921307092/whatsapp-icon3-150px.png); background-size: contain; background-repeat: no-repeat; width: 30px; height: 30px; color: transparent; background-position: right; background-color: transparent !important; }
-
Hi. Each page will need a different code. If you still want, I will give the code for a page & give a quick guide to you apply on other pages
-
Some of the code doesn't really work well on Safari/iOS, nor can I think of a workaround with this code. You try posting the problem to Squarespace Customization Resource Group on Facebook
-
Make the sentence bold & share link to that page, we will give the code
-
The site is private. You should setup password & share url again/ We can check easier.