-
Posts
65,051 -
Joined
-
Last visited
-
Days Won
519
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by tuanphan
-
Red color website background quickly flashes when loading
tuanphan replied to walevitt's topic in Fonts, colors and images
Hi, You try reduce top section image size. When the image takes time to load, it will display the body color behind. I'm not sure if image reduction can solve the problem, if not then the only way is to change the red color to another color (if you need code to change color, you can let me know) -
can someone help me with these before/after sliders?
tuanphan replied to Fed_Per's topic in Customize with code
Hi, It looks like you solved this with Will Myers After Before Slider Plugin -
Hi, You mean these buttons? Use CSS code like this to Website Tools (under Not Linked) > Custom CSS div#block-af4bd6475b206c407a08:hover img { content: url(https://cdn.pixabay.com/photo/2023/11/26/19/09/butterfly-8414148_1280.jpg); } with div#block....is button (image) block id, use this free tool to find id https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff replace Pixabay image with your new gif url
-
Hide 'sold out' banner on product summary
tuanphan replied to CarrieR's topic in Customize with code
Add to Website Tools (under Not Linked) > Custom CSS body.homepage div.summary-v2-block .product-mark.sold-out { display: none !important; }- 2 replies
-
- product
- summary-block
-
(and 1 more)
Tagged with:
-
Having some difficulties with Mega Menu on iPad
tuanphan replied to Molololol's topic in Customize with code
Hi, What is site url? -
Move images under product page
tuanphan replied to oliverlittlewood's topic in Fonts, colors and images
The site is expired. You can access this link to extend it for free then let me know, I will check again -
First section will be: footer.sections section:nth-child(1) Second section will be: footer.sections section:nth-child(2) Suppose you want to hide Second Section in a specific page, you can add this code to Page Header Code Injection <style> footer.sections section:nth-child(1) { display: none !important; } </style> If you use Personal/Basic Plan, you can edit page > Add a Code Block (anywhere on page) > Then paste the code <style> footer.sections section:nth-child(1) { display: none !important; } </style>
-
Styling the slideshow gallery with custom code
tuanphan replied to Nicolette's topic in Customize with code
Need a space here #block-2e660832ac58afc0f334 .sqs-gallery-controls a.next { fill: #F7F6EC !important; } -
Add to Website Tools (under Not Linked) > Custom CSS @media screen and (min-width:992px) { div.header-nav-item>a { height: 170px; display: flex; align-items: center; } div.header-announcement-bar-wrapper { padding-top: 0px !important; padding-bottom: 0px !important; } div.header-nav-folder-content { border-top: 4px solid green; padding: 0 !important; } div.header-nav-folder-item { padding: 5px !important; } div.header-nav-folder-item:hover { background-color: #f2f2f2; } }
- 15 replies
-
Redirect event to a different page?
tuanphan replied to Michela's topic in Getting Started With Squarespace
Suppose your site is enny.squarespace.com You can enable safe mode by access enny.squarespace.com/config/safe -
Store Product Image Formatting
tuanphan replied to AlexBazar's topic in Getting Started With Squarespace
Can you share link to store page? We can check easier -
Hi, Do you still need help? Can you provide site url?
-
How to make the space around my slideshow-simple smaller
tuanphan replied to lb111's topic in Images & Videos
Hi, What is site url? -
With detail page, use this code img.ProductItem-gallery-slides-item-image.loaded { width: 100% !important; height: auto !important; top: 0 !important; left: 0 !important; }
-
What is page url?
-
How to change portfolio gallery settings across pages?
tuanphan replied to rjcook1985's topic in Site Design & Styles
Add to Website Tools (under Not Linked) > Custom CSS body#collection-656a228b46ffdd3222f2e11d { div#gridThumbs { grid-template-columns: repeat(4,1fr) !important; } .grid-image { padding-bottom: 100% !important; }} -
Portfolio grid overlay & titles in mobile version
tuanphan replied to Mae2119's topic in Site Structure & Navigation
You mean Desktop: same as current state Mobile: Always show overlay + title over image? -
"white" space at bottom of my page, can't seem to get rid of it
tuanphan replied to NorahAdams's topic in Pages & Content
The code, you need to add to Home Header Code Injection If you want to add to Custom CSS, use this new code body.homepage section:first-child { height: 100vh !important; } body.homepage { overflow: hidden; } Can you share link to some pages which you have problems with? -
Making a "back" button on the bottom of my Portfolio pages
tuanphan replied to Chrayons's topic in Pages & Content
Can you share link to a portfolio page? We can check it again easier -
Why does COMING SOON appear as a link for a live site
tuanphan replied to LeslieMorris's topic in Pages & Content
I think it should work fine now. You try checking it again Just tried sharing on my LinkedIn- 6 replies
-
- accessibility
-
(and 1 more)
Tagged with:
-
Try adding this code to Website Tools > Code Injection > Footer (Do not add to Custom CSS) <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script> jQuery(document).ready(function($){ $('.header-display-desktop .header-actions-action.header-actions-action--social').insertBefore('.header-display-desktop .showOnDesktop .header-actions-action.header-actions-action--cart'); }) </script> <style> .header-display-desktop .showOnDesktop { display: flex; align-items: center; } .header-actions-action.header-actions-action--cart { margin-left: 1.9vw; } </style>
-
(Just a test code for first 3 item) Try adding to Website Tools (under Not Linked) > Code Injection > Footer <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script> <script> $(document).ready(function(){ // enter my world $('div.header-nav-item:nth-child(1) a').hover(function(){ $(this).text("HOMEPAGE"); }, function(){ $(this).text("ENTER MY WORLD"); }); // current happinings $('div.header-nav-item:nth-child(2) a').hover(function(){ $(this).text("EVENTS"); }, function(){ $(this).text("CURRENT HAPPENINGS"); }); // woven sculpture $('div.header-nav-item:nth-child(3) a').hover(function(){ $(this).text("COMMISSIONS"); }, function(){ $(this).text("WOVEN SCULPTURE"); }); }); </script>
-
Hi, Can you share link to a product?
- 1 reply
-
- apple-pay
- color-profile
-
(and 1 more)
Tagged with: