-
Posts
63,866 -
Joined
-
Last visited
-
Days Won
511
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by tuanphan
-
Change promotional pop-up body font to custom font.
tuanphan replied to CISDesign's topic in Fonts, colors and images
-
CSS For Increasing level of Zoom for Website
tuanphan replied to masonh99's topic in Customize with code
You can use this plugin to make zoom effect: https://www.will-myers.com/products/p/image-zoom-and-follow -
background-attachment: fixed won't work on mobile, you can consider disable effect on mobile only
-
Squarespace 7.1 - Anchor Links - Solutions and Problems
tuanphan replied to jy15's topic in Customize with code
You try adding it via Markdown Block in Site Footer- 10 replies
-
- squarespace-7.1
- link
-
(and 3 more)
Tagged with:
-
Remove the loop on a video in the background on a section
tuanphan replied to Fabi1's topic in Customize with code
You can follow this thread to prevent video loop -
Change background colour on blog list view only
tuanphan replied to eleanormargaret's topic in Fonts, colors and images
I see you added the code in desktop @media query code, so it runs on desktop only. Move code I sent to top or bottom of CSS box, and don't wrap code in any } or { symbols of your current code -
Because the text too big, so it will create box width increase, so on some screen sizes, you will see problem You can set some CSS (Website Tools > Custom CSS) like this to resize text on specific sizes @media screen and (min-width:700px) and (max-width:870px) { .markdown-block span { font-size: 20px !important; } }
-
You can use this CSS code to Website Tools (under Not Linked) > Custom CSS @media screen and (max-width:767px) { .mobile-arrows { display: none !important; } .desktop-arrows { display: none !important; } }
- 3 replies
-
- list-summary
- carousel
-
(and 3 more)
Tagged with:
-
Remove this code <style> .header-title-logo img { visibility: hidden; } .header-title-logo a { background-image: url(https://images.squarespace-cdn.com/content/v1/6569f5f4c6270c44fe28fed3/8dd1a38a-9aee-4507-a014-25558223fab5/Swoop+headboards.png?format=1000w); background-size: cover; max-width: 700px background-repeat: no-repeat; background-position: center center; } </style> add this new code <style> header#header img{ content: url(https://images.squarespace-cdn.com/content/v1/6569f5f4c6270c44fe28fed3/8dd1a38a-9aee-4507-a014-25558223fab5/Swoop+headboards.png?format=1000w); } </style>
-
Image Block Hover Overlay Fluid Engine
tuanphan replied to ILB_Rivendell's topic in Customize with code
First, make text block cover whole image Next, add this word clickable with link to bottom of your Text Block Next, add this code to Code Injection > Footer <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script> $(document).ready(function(){ $('.fe-block a:contains("clickable")').addClass('text-click'); }); </script> <style> .text-click { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .text-click, .text-click * { color: transparent !important; } </style>- 14 replies
-
- css
- fluid engine
-
(and 2 more)
Tagged with:
-
Split layout background color on mobile
tuanphan replied to ggimishev's topic in Customize with code
Try this CSS code, if it doesn't work, please share your site url body { background-color: white !important; } -
CHANGING ARROW SIZE ON PRODUCT PAGE AND REMOVING BACKGROUND
tuanphan replied to JadeMaria's topic in Fonts, colors and images
You can add this code to Website Tools (under Not Linked) > Custom CSS @media screen and (max-width:767px) { .ProductItem-gallery-carousel-controls .product-item-gallery-carousel-control:after { border-width: 3px 3px 0 0 !important; width: 2vw; height: 2vw; }} To change size, use above code With color, I don't see arrows on mobile. Can you check it again? -
CSS for rounded corners of uploaded videos?
tuanphan replied to taylahroberts1's topic in Customize with code
You can use this CSS under [data-section-id="635ae09c7c826e6c3f5c1a83"] .plyr__video-wrapper, [data-section-id="635ae09c7c826e6c3f5c1a83"] video { border-radius: 0 !important; } -
List Section Carousel, Gallery Block Carousel or which carousel? Or Can you share link to page where you use it?
-
Yes. Then you can add a back to top button, to scroll up/down easier
- 8 replies
-
- gallery
- gallery-block
-
(and 3 more)
Tagged with:
-
#1. Add transform-origin to this code div.header-nav-item:last-child { position: fixed; left: 0; top: 50%; transform: translatey(-100%) rotate(-90deg); transform-origin: 30% 100%; } div.header-nav-item:nth-last-child(2) { position: fixed; right: 0; top: 50%; transform: translatey(-100%) rotate(90deg); transform-origin: 73% 100%; } #3. div.header-announcement-bar-wrapper { padding-top: 2px !important; padding-bottom: 20px !important; }
- 18 replies
-
- coding
- code-injection
-
(and 3 more)
Tagged with:
-
Need help with displaying an interactive object on desktop and mobile
tuanphan replied to sssnole's topic in Pages & Content
- 9 replies
-
- responsive-design
- jasper-template
-
(and 2 more)
Tagged with:
-
Lightbox Gallery Enables But Not Working
tuanphan replied to loremilyipsum03's topic in Pages & Content
Can you share link to page where you use gallery? -
Try adding this to Website Tools (under Not Linked) > Custom CSS body * { -webkit-hyphens: manual !important; -moz-hyphens: manual !important; -ms-hyphens: manual !important; hyphens: manual !important; }
-
-
To add Info under Add to Cart You can add it to Product Additional, then we can use code to move it under Add to Cart. You can add then share link to a product, we can check easier
-
You can use this code to Website Tools (under Not Linked) > Custom CSS nav#main-navigation { position: absolute !important; right: 0; left: unset !important; }
- 1 reply
-
- code-injection
- content
-
(and 1 more)
Tagged with: