-
Posts
64,709 -
Joined
-
Last visited
-
Days Won
516
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by tuanphan
-
You can use this CSS code /* testimonials */ .user-items-list-item-container[data-section-id="65ba803898976a5cd3a78590"] { max-width: 900px; margin: 0 auto; } .user-items-list-item-container[data-section-id="65ba803898976a5cd3a78590"] li { border-top-right-radius: 0 !important; border-bottom-left-radius: 0 !important; }
-
Use this code div.title span { font-weight: bold !important; }
-
Testimonial Carousel Rounded Corners
tuanphan replied to PartTwoDesign's topic in Customize with code
The site is private. You can follow this guide to setup an access password, we can access site easier -
Change column number of one index page
tuanphan replied to KrisMiklos's topic in Customize with code
Hi, Which page are you referring to?- 5 replies
-
- columns
- flatiron-template
-
(and 1 more)
Tagged with:
-
Use this code to Website > Website Tools > Custom CSS /* Mobile extra space */ @media screen and (max-width:767px) { .fe-65c13c59fca4ce46d9891822 { grid-template-rows: repeat(55,minmax(24px, auto)) !important; } }
-
Overlay and Caption on Hover for Videos
tuanphan replied to Swharton24's topic in Customize with code
Use Block ID doesn't work because this class name = ID If you use a block id wrap around all code, the code will be invalid so it doesn't work -
Creating custom aspect ratios for portfolio page
tuanphan replied to LiamM's topic in Fonts, colors and images
It is Page ID, but you can replicate it with data section id, use this free tool to find it https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff Can you share link to page? Can you share link to a page? -
How to auto-adjust image height so they don't get cropped on tablet?
tuanphan replied to Leti's topic in Customize with code
Have you figured it out? -
Changing all buttons across website to look the same
tuanphan replied to El1z4b3th's topic in Customize with code
It is simple code, but Each button: Button Block, List Section Button, List Section Item Buttons, Donation Button, Form Block Submit Button, Form Block Lightbox Button, Form Lightbox Submit Button, Newsletter Block Button, Add to Cart button, Checkout Button, Continue Shopping Button, Quick View button, Header Button, Header Mobile Button have a different structure so need a different ID. You need to share link to all pages where you use button, we can check all code easier) -
CSS Code Needed for Custom Font for Submit Button in Form
tuanphan replied to uhohitsheidiho's topic in Customize with code
Use this CSS code div#block-yui_3_17_2_1_1705886287148_31479 a { font-family: 'Varela' !important; }- 6 replies
-
- css
- form-block
-
(and 1 more)
Tagged with:
-
Can you share link to site? We can check problem easier
-
CSS Styling Table Plugin - full width tables
tuanphan replied to BillChesney's topic in Customize with code
I see both looks same. Can you describe in more detail? -
Reposition Login/Account - Desktop Header Nav
tuanphan replied to James-Gadbury's topic in Customize with code
Add this code to Website > Website Tools > Code Injection > Footer <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script> $(document).ready(function() { $('div.header-display-desktop div.user-accounts-link').insertAfter('.header-nav:nth-child(3) nav>div:nth-child(7)'); }); </script>- 2 replies
-
- navigation-link
- login
-
(and 1 more)
Tagged with:
-
Embed Youtube Live stream chat into site
tuanphan replied to Ericallenfilms's topic in Customize with code
Can you share link to page where you added this code? We can check easier -
Add this CSS code under your code to fix problem on mobile .header-menu-nav-item--active { width: auto !important; background: unset !important; } .header-menu-nav-item--active div:before { content: ""; background-color: red; width: 15px; height: 15px; display: inline-block; border-radius: 50%; }
-
Can you share link to page where you use gallery section? We can check easier
-
It calls Section ID, not image name, use this free tool to find id https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff
- 22 replies
-
- background
- images
-
(and 1 more)
Tagged with:
-
The height of the video is not enough to fill the height of the mobile screen, so a white block will appear. But if make video fullheight, it won't fullsize You can consider replacing it with image on mobile only (If you need this, I can give code)
- 22 replies
-
- background
- images
-
(and 1 more)
Tagged with:
-
How to use hover over gifs for my Vimeo video thumbnails
tuanphan replied to JGreen's topic in Images & Videos
Change code to this new code a.lessons-image[href="/select-works/v/itv-comedy-greggs"]:hover img { content: url(https://static1.squarespace.com/static/64382eed1c35456fd1ce5b34/t/645fbe335f7eac4fb5e681d1/1683996225403/Asus_Another_Level_01.gif); } a.lessons-image[href="/select-works/v/mtvcatfish"]:hover img { content: url(https://static1.squarespace.com/static/64382eed1c35456fd1ce5b34/t/65b926225b27dc7fe8b06d07/1706632744209/Director_Reel_01.gif) } -
If you want to change page background to black, use this code to Website > Website Tools > Custom CSS body#collection-6500aa1918e09a5b628419b6 { article .section-background { background-color: black !important; } article .content * { color: white !important; }}
-
You mean space between about - left side & inquire - right side?
- 1 reply
-
- navigation
- navigation-link
-
(and 1 more)
Tagged with:
-
You can use Text Block and manually add each text with corresponding url
-
Click Design > Disable Header Fixed In case you still want to keep fixed header, you can add a blank section above image section > set minimum height