-
Posts
65,526 -
Joined
-
Last visited
-
Days Won
521
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by tuanphan
-
Change 0000 0000000 phone number format to 00000 000000
tuanphan replied to Jefferson0123's topic in Customize with code
-
Add this code under <style> a.tp-button:hover { opacity: 0.8; } </style>
-
Padding on Blog posts (mobile view only)
tuanphan replied to Georgiaperson's topic in Customize with code
You can add this code to Website Tools (under Not Linked) > Custom CSS @media screen and (max-width:767px) { article.blog-basic-grid--container.entry.blog-item.is-loaded { margin-bottom: 100px !important; } } -
Add this code to Website Tools (under Not Linked) > Custom CSS div#block-0acba7ab37cfd9a3af65 { .sqs-block-accordion .accordion-item__click-target { display: flex; flex-direction: row-reverse; } span.accordion-item__title { text-align: right; }}
- 8 replies
-
- alignment
- custom-css
-
(and 1 more)
Tagged with:
-
Section Text that has a word Changing every 5 seconds
tuanphan replied to MarkG514's topic in Code Blocks
I tried adjust the code with your H1 text. You try checking demo, if it it what you want, I will give you exact code to add to Squarespace https://codepen.io/tuanhero/pen/qBgzQQo- 6 replies
-
- code
- code-injection
-
(and 1 more)
Tagged with:
-
Hi, You want Change icon color on each page? To do this, you will need to use different icon url on each page for example, Contact Page, add this code to Contact Page Header Code Injection, replace Pixabay with new icon url <style> header#header a.icon[href*="bsky.app"] { background-image: url(https://cdn.pixabay.com/photo/2023/06/01/05/58/ocean-8032698_1280.jpg); } </style> I use this code because it targets both mobile + desktop
- 3 replies
-
- code-injection
- heading
-
(and 2 more)
Tagged with:
-
customize " *" (space + asterisk) in the required fields of forms
tuanphan replied to Mary_DG's topic in Customize with code
-
Can you share link to page where you use code? We can check easier
-
-
Adding background color behind two words of text
tuanphan replied to miche23's topic in Fonts, colors and images
Can you share link to this product? We can check easier -
I think Filter Plugin is the only plugin can do this on Squarespace site. I use Filter on some sites (almost to create examples to answer questions on forum), I use it for Blog Page, Shop Page, Gallery Section,...
-
Add to Website Tools (under Not Linked) > Custom CSS footer#footer { max-width: 100% !important; }
-
Header - Logo centered with navigation right aligned
tuanphan replied to Billy_555's topic in Customize with code
What is your site url? We can check easier -
Your effect is still covering the whole screen, it's just invisible because of opacity: 0, so all elements on the home page will not be clickable. You can consider adding code to make loading screen will slide down/up/left/right to make it not cover screen. Like this example: https://tuanphan3.squarespace.com/1images-loading pass: abc If you need to adjust code, let me know, I will give new code
- 1 reply
-
- css
- custom-css
-
(and 3 more)
Tagged with:
-
Anyone know how to rescale page featured images for mobile
tuanphan replied to GregR's topic in Customize with code
-
You mean remove required text?
-
-
Use code in this thread
-
Try this section[data-section-id="6553bddea684286457fd7144"].page-section { position: sticky!important; top: 0px!important; z-index:0; position: -webkit-sticky; }
-
Locked image on top of content when scrolling
tuanphan replied to Flinx's topic in Customize with code
Add to Code Injection > Footer <img src="https://cdn.pixabay.com/photo/2023/06/01/05/58/ocean-8032698_1280.jpg" width="100px" class="tp-sticky-img"/> <style> img.tp-sticky-img { position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 999; } </style> -
How do I add more than 6 columns to a gallery block?
tuanphan replied to RyanZhuo's topic in Customize with code
Click Arrow on top right of site.