-
Posts
64,931 -
Joined
-
Last visited
-
Days Won
517
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by tuanphan
-
Center logo with navigation links at the left and right
tuanphan replied to soph's topic in Customize with code
If you use Personal Plan, add this to Design > Custom CSS .header-nav-item.header-nav-item--collection:nth-child(3) { position: absolute; right: 10vw; } If you use Business Plan or higher, I think we can another better solution to move Services & Contact -
Remove Padding for Full Width Slideshow on Supply Template
tuanphan replied to ctohme's topic in Customize with code
Hi. Can you share link to page in screenshot? We can check easier- 7 replies
-
- css
- custom-css
-
(and 3 more)
Tagged with:
-
Different font on certain pages (Bilingual website)
tuanphan replied to Maksymrewko's topic in Customize with code
Add to Page Header <style> h1, h2, h3, h4, p { font-family: Roboto, sans-serif !important; } </style> -
Add to Design > Custom CSS /* Leauxfi mobile 4 icons */ @media screen and (max-width:767px) { div#page-section-620a01bb12e07a50b7e99b18>.row:nth-child(2)>.col { width: 25% !important; float: left !important; } } It looks complex. I will check & let you know soon
-
I suddenly realized I used to help some members to create hover for videos...and then couldn't click on the video control anymore. If you still haven't solved this yet, you try posting to Squarespace Customization Resource Group on FB
-
Changing font sizes on product page options menu
tuanphan replied to AFJ's topic in Customize with code
Add to Design > Custom CSS .product-details .variant-option select { font-size: 1.5em; } -
Try adding to Design > Custom CSS /* Meet the team */ .user-items-list-item-container[data-section-id="6182c49d2a72a734bd254ccc"] { .list-item-media-inner:after { content: ''; background-color: #FD5001; opacity: 0; z-index: 999; width: 100%; height: 100%; position: absolute; top: 0; left: 0; transition: all 0.3s; } .list-item-media-inner:hover:after { opacity: 0.5; }}
-
Project Page Thumbnail Text Not Showing Up On Mobile
tuanphan replied to SHendler's topic in Customize with code
Try adding to Design > Custom CSS .collection-type-index:not(.auto-color-index-item-bg) .index-item { background-color: rgba(255,255,255,0.5) !important; } .index-item-title .index-item-title-link { color: black !important; } -
I see the text has 1 line only. Can you add 2 lines first? Or you need code to add 2 lines + hover effect?
- 5 replies
-
- wells-template
- full-width
-
(and 3 more)
Tagged with:
-
hi, /config is url for site owner. See how to find exact page url
-
Dynamic Image code is affecting other images on my page.
tuanphan replied to melsk2022's topic in Customize with code
Have you found the solution yet? -
Change header background color, specifically on blog posts
tuanphan replied to a topic in Fonts, colors and images
Add to Design > Custom CSS body[class*="collection-type-blog"].view-item header#header { background-color: #f1f !important; } -
Accordion content customization/formatting
tuanphan replied to carbonix's topic in Customize with code
Can you share link to page where you use accordion? We can check easier -
Hide caption photo credits in Lightbox popup
tuanphan replied to bholm's topic in Customize with code
Don't remove any code Add this to Design > Custom CSS .lightbox-caption { bottom: -20px; z-index: 999999; } .gallery-lightbox-item-src { overflow: visible; } -
Hi, What is your site url? I checked all comments & dont see url to check
-
-
Add to Design > Custom CSS footer.sections header.newsletter-form-header { display: none; } @media screen and (min-width:768px) { div#page-section-61e5e116b0a6b3288a9a5e3c>.row { display: flex; align-items: center; } }
- 3 replies
-
- newsletter-block
- footer
-
(and 1 more)
Tagged with:
-
Don't remove any code in your current code Add this to Custom CSS @media screen and (max-width:767px) { div#page-section-615465899e86be5e4ede50cd>.row:nth-child(2)>.span-12 { width: 100% !important; } div#page-section-615465899e86be5e4ede50cd>.row:nth-child(2)>.span-12>.row>.col { width: 50% !important; float: left !important; } }
-
Can you share link to page in screenshot? We can help easier
-
Have you solved this yet?
-
need help customizing the error code in forms 7.1
tuanphan replied to jenneb's topic in Customize with code
In the code you will see some english text - french text. Just change it. If it still doesn't work, paste the code you used here, we will check it again- 5 replies
-
- form-block
- error
-
(and 1 more)
Tagged with:
-
Preventing Navigation Items from Stacking
tuanphan replied to CMurphy's topic in Customize with code
Try this new code nav.header-nav-list { flex-wrap: nowrap; position: absolute; left: 50%; transform: translateX(-50%); }