-
Posts
64,963 -
Joined
-
Last visited
-
Days Won
517
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by tuanphan
-
-
Custom Hamburger Menu Overlapping Issue
tuanphan replied to ThomasDes's topic in Customize with code
Use this CSS code to fix problem [data-section-id="65ce6fa55def9a5d46065217"] { z-index: 999999 !important; }- 4 replies
-
- navigation
- overlay
-
(and 2 more)
Tagged with:
-
Can you share link to homepage? We can check easier
- 1 reply
-
- video
- custom-css
-
(and 1 more)
Tagged with:
-
Expand Dropdown Menu By Default on Mobile (Page View)
tuanphan replied to OmerOdemis's topic in Customize with code
Can you share link to this page? We can check easier -
How to adjust spacing on product page (mobile)
tuanphan replied to threadsonline's topic in Customize with code
#1. #2. Use this code to Website > Website Tools > Custom CSS @media screen and (max-width:767px) { section#pdp { padding: 0 !important; } section.product-details.ProductItem-details { padding-left: 2vw; padding-right: 2vw; } h1.ProductItem-details-title, .product-price { text-align: center; } }- 15 replies
-
Customizing hover effects on links for headings - 7.1
tuanphan replied to cfuzz's topic in Customize with code
Your site is private. You can follow this guide to share url- 9 replies
-
- fluid engine
- hover
-
(and 2 more)
Tagged with:
-
Two header buttons using Ghost Plugins Drop Down Menu
tuanphan replied to PoppyShotts's topic in Other
Change this code to this header#header a.second-button { background-color: #000 !important; color: #fff !important; display: inline-block !important; margin-left: 20px; } -
If you use Universal Filter Plugin to add dropdown filters, you can follow these steps to change url I did an example for Project 01, Project 02 here https://thung.squarespace.com/portfolio-filter?noredirect pass: abc (1) Add hooks code to this position hooks: { onFilter: function (f) { externalLink(f); } } (2) Add jQuery code above Universal Filter Plugin code <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> (3) Add this code to on top of Filter Plugin code, but under <script> tag var externalLink = function (f) { $('a.grid-item[href="/portfolio-filter/project-one-j5z9d"]').attr('href','https://google.com'); $('a.grid-item[href="/portfolio-filter/project-two-j6ehw"]').attr('href','https://amazon.com'); $('a.grid-item').attr('target','_blank'); }; (4) red arrow is Portfolio Item URL
-
Try this code to Website > Website Tools > Custom CSS .wrap a:visited { font-weight: bold !important; }
- 7 replies
-
- design
- custom-css
-
(and 3 more)
Tagged with:
-
You can move this code in to bottom of Code Block (do not add to Custom CSS) <style> .fe-65b1968b881a407ad804001e { --sqs-site-max-width: 100% !important; } </style>
-
You haven't declared @font-face for Botanica yet
-
Overlay and Caption on Hover for Videos
tuanphan replied to Swharton24's topic in Customize with code
Which exact code did you try? -
How can I change the title font used on individual event
tuanphan replied to michael.dabbs's topic in Customize with code
Can you share link to this event? We can check easier -
Use this code to Custom CSS box div.image-slide-title { overflow: visible !important; white-space: initial !important; }
-
With header dropdown, use this CSS code div.header-nav-folder-item a { display: inline-block !important; }
-
How can I style Shop Variants and 'Additional Info'?
tuanphan replied to CSSnoob's topic in Customize with code
-
Gallery Grid -> Display Title & Description On Hover
tuanphan replied to amrizo's topic in Customize with code
I see you figured it out? With custom font, use CSS like this .image-slide-title { font-family: 'Blender-Pro-Medium.otf' !important; }- 13 replies
-
- grid-gallery
- description
-
(and 3 more)
Tagged with:
-
Can you share link to this page?
-
Logo loading screen - code adjustment please
tuanphan replied to rdreed's topic in Customize with code
Add this code under, if it doesn't work, please share site url, we can check easier <style> @media screen and (max-width:767px) { .logoload { background-size: contain !important; } } </style>- 39 replies
-
- code-injection
- logo
-
(and 1 more)
Tagged with:
-
Add this to Website > Website Tools > Custom CSS footer.sections:before { content: ""; display: block; height: 2px; width: 90%; background-color: #f1f; margin: 0 auto; }
-
How do I change "menu" to a hamburger icon on mobile?
tuanphan replied to JoyceDesignsit's topic in Customize with code
Use this new code 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