-
Posts
65,544 -
Joined
-
Last visited
-
Days Won
521
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by tuanphan
-
It is custom font or Squarespace font? If custom font, you need to add a code like this @font-face { font-family: Botanica; src: url(upload Botanica font to your site and paste font file url here); }
-
How to adjust spacing on product page (mobile)
tuanphan replied to threadsonline's topic in Customize with code
- 15 replies
-
Use some CSS code like this #block-yui_3_17_2_1_1708340345163_4777 iframe { height: 1500px !important; }
-
Uploading an alternative image for mobile
tuanphan replied to LauraRT's topic in Customize with code
Can you share link to page where you use image? I can check this case easier -
Single masonary grid in mobile portfolio results in blury images
tuanphan replied to DariusBo's topic in Customize with code
Can you share link to page where you use masonry? -
Customizing hover effects on links for headings - 7.1
tuanphan replied to cfuzz's topic in Customize with code
Use this code h1 a:hover { font-style: italic; } h1 a:hover span { color: #4ACA54 !important; }- 9 replies
-
- fluid engine
- hover
-
(and 2 more)
Tagged with:
-
You can use this code to Custom CSS box .item-pagination[data-collection-type^="blog"] { display: none !important; }
- 17 replies
-
- blog-page
- maple-template
-
(and 2 more)
Tagged with:
-
Background animation scale for mobile
tuanphan replied to phreshcareco's topic in Customize with code
What is your site url? -
How do I change "menu" to a hamburger icon on mobile?
tuanphan replied to JoyceDesignsit's topic in Customize with code
Change to this new code @media screen and (max-width:900px) { nav#mobileMenuLink ul>li>a:after { content: "\e030"; font-family: 'squarespace-ui-font'; font-size: 30px; display: block !important; } div#mobileNav, .main-nav { overflow: visible !important; } nav#mobileMenuLink ul>li>a { position: relative; font-size: 0 !important; top: 100px; } }- 14 replies
-
You can share link to site where you have problem, we can check easier
- 6 replies
-
- heading
- navigation
-
(and 3 more)
Tagged with:
-
Custom Hamburger Menu Overlapping Issue
tuanphan replied to ThomasDes's topic in Customize with code
Maybe you added to wrong position. Can you send all current CSS code?- 4 replies
-
- navigation
- overlay
-
(and 2 more)
Tagged with:
-
Flatiron: Spacing Between Gallery Items, Images Off Center
tuanphan replied to tylerelise's topic in Customize with code
If you share link to page where you have problem, we can check easier- 7 replies
-
- flatiron-template
- css
-
(and 2 more)
Tagged with:
-
Resize media image and text on mobile only
tuanphan replied to Rmarkjr's topic in Customize with code
If you want to apply to other pages, no need to find collection id, just edit that page > Add a Code Block on bottom of site > paste this code <style> @media screen and (max-width:640px) { section.Intro figure img { width: 100% !important; height: auto !important; left: 0 !important; } } </style> If apply to that page only, use this new code to Custom CSS @media screen and (max-width:640px) { body#collection-648fd387518f87218ded629c { section.Intro figure img { width: 100% !important; height: auto !important; left: 0 !important; } section.Intro.Intro--has-image h1 { font-size: 20px !important; position: relative; top: -50px; } section.Intro.Intro--has-image { min-height: unset !important; height: 200px !important; }}} If apply to other pages, use this code to Code Block <style> @media screen and (max-width:640px) { section.Intro figure img { width: 100% !important; height: auto !important; left: 0 !important; } section.Intro.Intro--has-image h1 { font-size: 20px !important; position: relative; top: -50px; } section.Intro.Intro--has-image { min-height: unset !important; height: 200px !important; }} </style>- 6 replies
-
- css
- background
-
(and 2 more)
Tagged with:
-
Previous and Next links in gallery page too large
tuanphan replied to sbending2's topic in Fonts, colors and images
You can reduce Its size to prevent overlap, follow these steps First, access Site Styles and click Fonts Choose Assign Styles Scroll down to Portfolio Item Click Heading 2 Choose Custom and reduce the size -
Gallery block is too small on mobile
tuanphan replied to Evgeniy's topic in Fonts, colors and images
-
Change Gallery Slideshow Size for Mobile Only
tuanphan replied to helloworld123's topic in Customize with code
Use this CSS code then save & reload the page @media screen and (max-width:767px) { .gallery-reel { height: 15vh !important; } } -
You can use this CSS code /* testimonials */ .user-items-list-item-container[data-section-id="65ba803898976a5cd3a78590"] { max-width: 900px; margin: 0 auto; } .user-items-list-item-container[data-section-id="65ba803898976a5cd3a78590"] li { border-top-right-radius: 0 !important; border-bottom-left-radius: 0 !important; }
-
Use this code div.title span { font-weight: bold !important; }
-
Testimonial Carousel Rounded Corners
tuanphan replied to PartTwoDesign's topic in Customize with code
The site is private. You can follow this guide to setup an access password, we can access site easier -
Change column number of one index page
tuanphan replied to KrisMiklos's topic in Customize with code
Hi, Which page are you referring to?- 5 replies
-
- columns
- flatiron-template
-
(and 1 more)
Tagged with:
-
Use this code to Website > Website Tools > Custom CSS /* Mobile extra space */ @media screen and (max-width:767px) { .fe-65c13c59fca4ce46d9891822 { grid-template-rows: repeat(55,minmax(24px, auto)) !important; } }
-
Overlay and Caption on Hover for Videos
tuanphan replied to Swharton24's topic in Customize with code
Use Block ID doesn't work because this class name = ID If you use a block id wrap around all code, the code will be invalid so it doesn't work -
Creating custom aspect ratios for portfolio page
tuanphan replied to LiamM's topic in Fonts, colors and images
It is Page ID, but you can replicate it with data section id, use this free tool to find it https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff Can you share link to page? Can you share link to a page? -
How to auto-adjust image height so they don't get cropped on tablet?
tuanphan replied to Leti's topic in Customize with code
Have you figured it out? -
Changing all buttons across website to look the same
tuanphan replied to El1z4b3th's topic in Customize with code
It is simple code, but Each button: Button Block, List Section Button, List Section Item Buttons, Donation Button, Form Block Submit Button, Form Block Lightbox Button, Form Lightbox Submit Button, Newsletter Block Button, Add to Cart button, Checkout Button, Continue Shopping Button, Quick View button, Header Button, Header Mobile Button have a different structure so need a different ID. You need to share link to all pages where you use button, we can check all code easier)