-
Posts
64,861 -
Joined
-
Last visited
-
Days Won
517
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by tuanphan
-
Trying to hide text on mobile only - what am I doing wrong?
tuanphan replied to nicki-patsios's topic in Customize with code
-
Scrolling text over a fixed background within a section
tuanphan replied to nsdoyle's topic in Customize with code
You mean section with 3 people? -
Add this to Design > Custom CSS or Website > Website Tools > Custom CSS /* add Bandcamp icon */ footer.sections a[href*="bandcamp"] svg { display: none; } footer.sections a[href*="bandcamp"] div { background-image: url(https://static1.squarespace.com/static/628cdee1a5d6744370f3ec3d/t/6368f9583c59062c1a4ab3b3/1667823960158/bandcamp-button-circle-line-white-512.png); background-size: contain; background-repeat: no-repeat; background-position: center center; transform: unset !important; filter: invert(1); }
-
Remove Price from Store Page for single product
tuanphan replied to KraftyK's topic in Customize with code
Use this code .tag-poa .product-price { display: none !important; } -
Customize New Product Variant Button Style
tuanphan replied to inside_the_square's topic in Customize with code
If you share link to a variant product, we can check and help easier- 4 replies
-
- product
- product-page
-
(and 1 more)
Tagged with:
-
Which code did you use? We can tweak the code to disable click
-
Make navigation bar transparent on homepage only
tuanphan replied to nicki-patsios's topic in Customize with code
Use this CSS code /* Hide logo when burger menu is open - all pages */ body.header--menu-open header#header img { visibility: hidden; }- 10 replies
-
- navigation
- transparency
-
(and 1 more)
Tagged with:
-
Customising the MOBILE drop down menu on my Squarespace website
tuanphan replied to CFO's topic in Customize with code
Add to Design > Custom CSS or Website > Website Tools > Custom CSS /* burger menu */ .header-menu-nav-folder-content { justify-content: flex-start !important; } div.header-menu { bottom: 60%; } div.header-menu-nav-item { border-bottom: 1px solid black !important; } div.header-menu-nav-item:first-child { border-top: 1px solid black; } -
Can you take a screenshot of problem & Which page do you have problems with?
-
Reduce space between product details page and header
tuanphan replied to LaurenJoy's topic in Customize with code
- 21 replies
-
- margin
- squarespace-7.1
-
(and 1 more)
Tagged with:
-
change the text color in the footer on a page?
tuanphan replied to Trawww's topic in Fonts, colors and images
Which title are you referring to? -
The url doesn't work. Can you check it again?
-
How to make menu navigation a drop down on mobile
tuanphan replied to a topic in Customize with code
You will need to use JavaScript code to achieve this. Personal Plan doesn't support JS code- 41 replies
-
Above code for List Section Slideshow When you add a section, you will see this By default, with Gallery Section Slideshow - Text will be under Image But List Slideshow - Text will be over image (overlay image)
-
If you mean top image on homepage, I see it already works here. You try checking in incognito window
-
-
Hi, What is site url? We can check easier
-
See this answer
-
Hi, You can use List Section Carousel, enable item buttons, then use this code to Custom CSS box to turn button link to image/title link (this code also make buttons invisible then) li.list-item { position: relative; } .list-item-content__button-container { position: static; } a.list-item-content__button.sqs-block-button-element { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; color: transparent !important; background-color: transparent !important; border: none !important; } .list-item-content__button-container { position: static !important; transform: unset !important; } a.list-item-content__button.sqs-block-button-element:before { visibility: hidden; } .user-items-list-carousel__slide { pointer-events: initial !important; user-select: unset !important; } .user-items-list-carousel__gutter { cursor: pointer; }
-
-
Embedded code creating extra padding, can't remove
tuanphan replied to MHmktg's topic in Customize with code
You can use this to Website > Website Tools > Custom CSS to reduce spacing .fe-64dbe14dbf7a130be157c729 { grid-template-rows: repeat(4,minmax(calc(~"var(--container-width) * var(--row-height-scaling-factor)"), auto)) !important; } .fe-block-e6d84eee45e7f78a0cde { grid-row-end: 4 !important; }- 5 replies
-
- code-injection
- padding
-
(and 2 more)
Tagged with:
-
Paralax scroll for image works on desktop but not mobile
tuanphan replied to lilpruks's topic in Customize with code
You can change code to this, to force it run on desktop only @media screen and (min-width:992px) { section[data-section-id="section-id-here"] .section-background { background: url('custom-file-image-here'); background-size: cover; background-position: center; background-attachment: fixed; background-repeat: no-repeat; } }