-
Posts
65,151 -
Joined
-
Last visited
-
Days Won
520
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by tuanphan
-
Hi, Can you share link to page in screenshot?
-
Hi, What is site url?
-
Changing Background Colors On Each PAge
tuanphan replied to TheLoveWitch's topic in Fonts, colors and images
It only changes the background of the sections that use the respective theme. Eg if you change Bright 2, it will also change the background color of the sections on other pages (if they also use the Bright 2 theme style) -
MOVE RELATED PRODUCTS SECTION BELOW SOCIAL SHARE ICONS
tuanphan replied to Nikitaly's topic in Customize with code
It make error on Real Mobile or Squarespace Mobile Preview Mode? -
-
First, choose this Next, choose size then click Publish to web Next, copy this Embed code Next, edit page on Squarespace site where you want to add GG Slide > Add a Code Block > Paste the embed code
-
Prevent buttons from overlapping on smaller screens
tuanphan replied to salondaome's topic in Customize with code
Add to Design > Custom CSS @media screen and (max-width:1250px) and (min-width:900px) { .fe-block-0d97173bcfd3c5115685 { position: relative; right: -70px; } } -
How to add a second logo to my squarespace header in 7.1?
tuanphan replied to Jacquelyn's topic in Customize with code
#1. Add to Last Line in Code Injection > Footer <script> jQuery(document).ready(function($){ $('.header-display-desktop .header-actions-action.header-actions-action--cta').appendTo('.header-nav-wrapper'); }) </script> <style> .header-nav-wrapper .header-actions-action a { color: white !important; } </style> #2. You need to add #1 code first, then I can test code for this easier #3. Add this code to Towing Page Header <style> a.second-logo img { content: url(https://cdn.pixabay.com/photo/2023/03/04/06/40/insect-7829003_1280.jpg); } </style> #4. Add to Design > Custom CSS /* second logo */ a.second-logo img { max-width: unset !important; max-height: 133px; } -
Disable Site-Wide Animations in Mobile Only
tuanphan replied to M_Fancy_Sites's topic in Customize with code
Try adding to Design > Custom CSS @media screen and (max-width:767px) { body * { transform: unset !important; opacity: 1 !important; transition-delay: unset !important; transition: unset !important; } } -
Auto Scroll Carousel Block Squarespace 7.1
tuanphan replied to sorethumb's topic in Customize with code
Try this new code, to bottom of Code Injection > Footer <script> jQuery(document).ready(function($){ setInterval(function(){ $('.gallery-reel-control-btn[data-next]').click() },2000); }) </script> -
You mean initial: hide text and when scroll down, the text will appear?
- 3 replies
-
- blocks
- code-injection
-
(and 3 more)
Tagged with:
-
I see it is fine now. You try checking it again
- 3 replies
-
- navigation-link
- navigation
-
(and 3 more)
Tagged with:
-
LOGO CENTERED AMOUNG MENù VOICES IN HEADER FULL WIDTH
tuanphan replied to Genrestudio's topic in Customize with code
-
Missing header and footer on product pages
tuanphan replied to taylorpenton's topic in Setting up your store
It shows fine to me. Which exact page are you referring to? -
Try this new CSS div#floatingCart { display: block !important; background: transparent !important; } a.icon[aria-label*="0 items"] { display: none; }
-
#2. Try adding to Design > Custom CSS /* product image crop */ .ProductItem-gallery-slides-item-image { width: 100% !important; height: auto !important; top: 0 !important; left: 0 !important; }
- 3 replies
-
- carson-template
- commerce
-
(and 2 more)
Tagged with:
-
Hi, This can come from the design of your website, but it can also come from the way you find your visitors Where do you seek visitors from? (Share FB, Google Organic Search, Ads..) -- I see the page on mobile looks long, you can consider adding a back to top button, there are a lot of posts on forum, about creating this. Some banner height, on mobile, I think too big, you try consider reduce their height
-
Try adding to Design > Custom CSS > then save & reload the site /* resize reel on mobile */ @media screen and (max-width:767px) { .gallery-reel { height: 35vh !important; } }
-
Which page do you have problem? I tried Weddings, Process but it shows fine
-
would love some feedback on our site
tuanphan replied to gcfirewood's topic in Feedback on Your Site
- 1 reply
-
- google-analytics
- performance
-
(and 1 more)
Tagged with:
-
You can edit page > Click Mobile icon on top right > Then you can adjust it on mobile. This won't affect Desktop (Remember to duplicate the page, just for backup)