-
Posts
65,151 -
Joined
-
Last visited
-
Days Won
520
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by tuanphan
-
Other pages, has this code .floating-cart.hidden { display: none; } Add this CSS to override it .floating-cart.hidden { display: block !important; }
- 12 replies
-
- css
- shopping-cart
-
(and 1 more)
Tagged with:
-
How do you add a colored background behind a text block?
tuanphan replied to NVD's topic in Customize with code
Add to Design > Custom CSS #text-block-id { background-color: green; } Find text block id with this free tool: https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff?hl=en -
Add to Design > Custom CSS span.header-nav-folder-item-content { background-image: none !important; } @media screen and (max-width:991px) { .header-menu-nav-folder { transform: unset !important; } .header-menu-controls.container.header-menu-nav-item { display: none; } [data-folder="root"]>.header-menu-nav-folder-content:first-child { display: none; }}
-
Use this new code @media screen and (min-width:768px) { body.homepage .gallery-grid--layout-grid .gallery-grid-wrapper { grid-template-columns: repeat(10,1fr) !important; } }
-
CSS Help with Mobile View Gallery Icons side by side
tuanphan replied to tjohnson613's topic in Customize with code
You added my code in your mobile query, caused the code invalid. Move my code to top of Custom CSS box, or move code under Line 35. -
Try adding to Design > Custom CSS /* Strips to grid mobile */ @media screen and (max-width:767px) { body.homepage { .gallery-strips-wrapper.gallery-strips-list--ready { height: auto !important; display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 10px 10px; } figure.gallery-strips-item { position: relative !important; transform: unset !important; width: 100% !important; } .gallery-strips-item-wrapper { height: auto !important; } .gallery-strips-item img { height: auto !important; }} }
-
Add to Design > Custom CSS footer#footer { margin-top: 0 !important; margin-bottom: 0 !important; }
-
Try adding to Design > Custom CSS @media screen and (max-width:767px) { body.homepage .slide-content.list-item-card-background { max-width: 100% !important; width: 100% !important; margin-top: 0 !important; } body.homepage li.slide.list-item { padding-right: 0 !important; } }
- 37 replies
-
- title
- site-title
-
(and 1 more)
Tagged with:
-
I see text already bold here
-
Add to Design > Custom CSS /* Show Nice to meet you on Homepage */ body:not(.homepage) div#footerBlocksTop { display: none; } /* Show Let talk on Other Page */ body.homepage div#footerBlocksBottom { display: none !important; }
-
"Back" button cut off by white bar on mobile view....
tuanphan replied to Celeste_Woodside's topic in Customize with code
Try adding to Design > Custom CSS .Mobile-overlay-folder.is-active-folder { padding-top: 60px; } -
#1. Which page are you referring to? #2. Add to Design > Custom CSS div#overlayNav * { font-family: Natty Chunky !important; }
-
Hi. What is your site url? We can help easier
-
I see you solved with this code? #collection-62ab62c1699de46fe412e054 header .header-nav-item:nth-child(1) a { content: ''; height: 20px; width: 10px; margin-top: 4px; background-image: url(https://static1.squarespace.com/static/608174210e261d4b9e49e62b/t/62b396b846b4dc02ae996fd8/1655936696842/house-chimney-solid+white.png); background-size: 20px; display: block; background-color: transparent; color: transparent; background-repeat: no-repeat; margin-right: -10px; margin-left: 0px } #collection-62b33a12eef23b5fe35fa3f9 header .header-nav-item:nth-child(1) a,#collection-60ae9e1f1095563f095e2bcf header .header-nav-item:nth-child(1) a,#collection-629657fc23979504598dab97 header .header-nav-item:nth-child(1) a,#collection-62b4c1377f0b1856df2a8f63 header .header-nav-item:nth-child(1) a { content: ''; height: 20px; width: 10px; margin-top: 7px; background-image: url(https://static1.squarespace.com/static/608174210e261d4b9e49e62b/t/62b396b3e7006b54f8358c1f/1655936691477/house-chimney-solid.png); background-size: 20px; display: block; background-color: transparent; color: transparent !important; background-repeat: no-repeat; margin-right: -10px; margin-left: 0px }
-
Hi, This is not possible if you keep green line between image/text.
-
Reduce padding between sections - CSS not working
tuanphan replied to ellyferguson0's topic in Customize with code
Your site is private. Can you setup password & share url again? We can check easier -
Possible. If you share site url, we can check easier
-
Reading images horizontally rather than vertically on mobile
tuanphan replied to mrart's topic in Customize with code
Can you share link to page where you have problem? We can help easier -
Force all external links into a new tab?
tuanphan replied to joeljanski's topic in Customize with code
Can you share link to a page where you use external links? We can help easier -
Adding Secondary Buttons to a Carousel
tuanphan replied to ninabrowndesign's topic in Customize with code
Try Home > Design > Site Styles -
Left Side bar with anckor links • Squarespace 7.1
tuanphan replied to PoupeeFlash's topic in Customize with code
I think you can use text link then we will use code to make it sticky & float on left side. What do you think? Can you share link to page where you added text links? -
Hi. Can you share link to page where you have problem? We can check easier
-
Image overlay on slide show cropped on mobile
tuanphan replied to hannahd's topic in Customize with code
Add to Design > Custom CSS @media screen and (max-width:767px) { [data-section-id="62b2b5e018398148f72b3fa9"]:after { background-size: contain !important; } }