-
Posts
63,866 -
Joined
-
Last visited
-
Days Won
511
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by tuanphan
-
Why is my font larger on different browsers, ie. Safari
tuanphan replied to sarahgilchrist's topic in Customize with code
You can use some CSS code like this (Website > Website Tools > Custom CSS) to set fixed size on mobile @media screen and (max-width: 767px) { h1 { font-size:35px } h2 { font-size: 24px } h3 { font-size: 18px } p { font-size: 16px } } -
You can try this
-
You can use this code to Website > Website Tools > Custom CSS. Replace Pixabay with your image url body#collection-53ec0b90e4b05b5aedd4998f main.Main { background-image: url(https://cdn.pixabay.com/photo/2024/03/05/22/04/bird-8615360_1280.jpg); background-size: cover; background-repeat: no-repeat; background-position: center center; }
- 6 replies
-
- custom-css
- brine-template
-
(and 1 more)
Tagged with:
-
Would this be possible in squarespace
tuanphan replied to KrishBhardwaj's topic in Customize with code
You mean when users click Play video >>> Text + Play icon will disappear and video is playing?- 1 reply
-
- homepage
- code-injection
-
(and 2 more)
Tagged with:
-
-
Image to Wide on Mobile - What's the best solution
tuanphan replied to aliciabrothers's topic in Customize with code
Hi, What is your site url? We can check problem easier -
Changing Hamburger Menu in Mobile to Down Arrows
tuanphan replied to aliciabrothers's topic in Customize with code
Try this code, if it doesn't work, please share site url, we can check easier .burger-box:after { content: "\e009"; font-family: 'squarespace-ui-font'; display: block; color: #000; font-size: 40px; visibility: visible; } .burger-box div { display: none; }- 1 reply
-
- navigation
- mobile
-
(and 1 more)
Tagged with:
-
Lightbox popup - how to customise with CSS
tuanphan replied to louk_sy's topic in Customize with code
You can use this CSS code div.lightbox-content .field input { background-color: #f1f !important; } Use this CSS code div.lightbox-content .caption-text, div.lightbox-content label { color: red !important; font-size: 30px !important; } -
Hi, Can you share link to this page? We can check easier
-
Can you share link to this product? We can check problem easier
- 1 reply
-
- product-page
- variants
-
(and 1 more)
Tagged with:
-
How do I stop Squarespace cropping some of my product images?
tuanphan replied to Sophie2020's topic in Customize with code
This code for Shop Page. You can share link to a detail product, we can help easier- 5 replies
-
- code
- aspect-ratio
-
(and 1 more)
Tagged with:
-
Customize heading with lines and spacing
tuanphan replied to J0J0_8995's topic in Customize with code
You can follow this to share url, we can check easier -
Can you share link to page in screenshot? We can check easier But I remember I installed Bootstrap 3 years ago, and it had some IDs that conflicted with SS, will need to rename the IDs so they can work together.
- 3 replies
-
- code
- code-injection
-
(and 2 more)
Tagged with:
-
I see you solved? I checked on some pages and all are fine https://angelaart.squarespace.com/news
-
Hide some pages in Member Area navigation
tuanphan replied to ryan.sander's topic in Customize with code
You can use this code to Website > Website Tools > Custom CSS a.header-nav-folder-title[href*="85e7b"]+div>div:nth-child(n+19) { display: none; }- 18 replies
-
- member areas
- coding
-
(and 1 more)
Tagged with:
-
change list carousel arrows icons into text / words
tuanphan replied to daniellenoakes's topic in Customize with code
Use this code for mobile .user-items-list-item-container[data-section-id="65e07302487e8725e7601b17"] { .mobile-arrows svg { display: none !important; } button.mobile-arrow-button.mobile-arrow-button--left:after { content: "Prev"; } button.mobile-arrow-button.mobile-arrow-button--right:after { content: "Next"; }}- 8 replies
-
- carousel
- list-summary
-
(and 1 more)
Tagged with:
-
Add additional text to "Intro" Auto Layout Hero Carousel
tuanphan replied to liandro's topic in Customize with code
Yes, but each slide will require a different code. Right text, is last paragraph, I used code to move it to right here is screenshot in backend so you can add text to slide, then let me know which text you want to float to right, I will give the code & rule to find code in the future -
You try this to Website > Website Tools > Custom CSS. This code for UI/UX Design /* UI UX Design hover */ .fe-block.fe-block-0391ce8cbc454639cef2:hover * { font-style: italic; } .fe-block.fe-block-0391ce8cbc454639cef2:hover+div .image-block { transform: rotate(45deg) !important; }
-
Add only SORT section with Universal Filter plugin
tuanphan replied to diana204's topic in Customize with code
The site url doesn't exist. Can you check it again?