-
Posts
66,939 -
Joined
-
Last visited
-
Days Won
536
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by tuanphan
-
@vbonates Q1. If you want to do so, it will have a background, both when standing still and when scrolling down.If you want it to be only background when scrolling down, I think it will need a bit of custom code (JavaScript), it will be more complicated than custom code (CSS, I sent above is CSS).You want? Q2. Now, main & sub are bold....What do you mean? Q3. .main-nav a:hover, .main-nav .folder li a:hover { text-decoration: line-through !important; }
- 21 replies
-
- wells-template
- menu
-
(and 1 more)
Tagged with:
-
@vbonates Q1. If you want to do so, it will have a background, both when standing still and when scrolling down.If you want it to be only background when scrolling down, I think it will need a bit of custom code (JavaScript), it will be more complicated than custom code (CSS, I sent above is CSS).You want? Q2. Now, main & sub are bold....What do you mean? Q3. .main-nav a:hover, .main-nav .folder li a:hover { text-decoration: line-through !important; }
- 21 replies
-
- wells-template
- menu
-
(and 1 more)
Tagged with:
-
@vbonates You're welcome. Have you a nice day :-D
- 21 replies
-
- wells-template
- menu
-
(and 1 more)
Tagged with:
-
@vbonates Add to Home > Design > Custom CSS @media screen and (max-width:640px) { div#headerWrapper { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; } div#mobileNav { margin-top: 300px; } }
- 21 replies
-
- wells-template
- menu
-
(and 1 more)
Tagged with:
-
@vbonates You should share site url to community check!
- 21 replies
-
- wells-template
- menu
-
(and 1 more)
Tagged with:
-
Underline on Hover for Main Navigation
tuanphan replied to LauraAmber's topic in Customize with code
Add to Home > Design > Custom CSS .Header-nav-item:hover { border-bottom: 1px solid #ff0000; } Reference: https://beaverhero.com/brine-template-squarespace/#UnderlineNavigationon_Hover@LauraAmber -
How to make a code block full width?
tuanphan replied to grayscaleprint's topic in Customize with code
@grayscaleprint div#map-block-liverpool-page { max-width: 100% !important; padding: 0 1px 2px 3px !important; } 0 1 2 3 is padding top - right - bottom - left. Looks fine here -
Add to Home > Design > Custom CSS .ProductList-item { float: none !important; margin: 0 auto; }
- 53 replies
-
- product-page
- alignment
-
(and 2 more)
Tagged with:
-
How to make a code block full width?
tuanphan replied to grayscaleprint's topic in Customize with code
@grayscaleprint add: padding-top:0; padding-bottom:0; -
How to make a code block full width?
tuanphan replied to grayscaleprint's topic in Customize with code
@grayscaleprint where did you insert? I just checked your page source,...didn't see the code. -
How to make a code block full width?
tuanphan replied to grayscaleprint's topic in Customize with code
@grayscaleprint try inserting my code and i'll check why it not working. -
How to make a code block full width?
tuanphan replied to grayscaleprint's topic in Customize with code
@grayscaleprint code block, you mean Maps? Try this div#map-block-liverpool-page { max-width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; } -
How to make a code block full width?
tuanphan replied to grayscaleprint's topic in Customize with code
@grayscaleprint Add to Home > Design > Custom CSS div#map-block-liverpool-page { max-width: 100%; padding-left: 0; padding-right: 0; } -
@rschnell1 Add to Home > Design > Custom CSS /* Fixed Top Header: Logo, Social Icon */ header.Header.Header--top { top: 0; left: 0; right: 0; z-index: 999; position: fixed; } /* Fixed Navigation */ header.Header.Header--bottom.Header--overlay { position: fixed; top: 70px; left: 0; right: 0; z-index: 999; }
-
@rschnell1 Can you share site url? I don't see fixed menu on Brine Template Demo
-
Adding a floating contact-button on the Brine?
tuanphan replied to LoveMoves's topic in Customize with code
@LoveMoves Here is HTML (Add to Footer) <div class="kl-float"> <a href="https://www.tsiapparel.com/uniform-enquiry"> <h9 style="color:white">REQUEST QUOTATION</h9> </a> </div> and CSS (Add to Home > Design > Custom CSS) .kl-float { position: fixed; opacity: .9; top: calc(30%); right: 0; z-index: 20000; background-color: #f9674d; white-space: nowrap; text-align: center !important; border-radius: 0px; height: 28px; font-family: montserrat; font-weight: bold; font-size: 12px; padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform-origin: bottom right; } If it doesn't work, keep the code and post site url, i'll check. -
Adding a floating contact-button on the Brine?
tuanphan replied to LoveMoves's topic in Customize with code
@LoveMoves you mean? Can you post an example? -
Subscription: Pricing Display Remove "every month"
tuanphan replied to vschimel's topic in Customize with code
@vschimel Add to Home > Design > Custom CSS .product-price { visibility: hidden; } -
Subscription: Pricing Display Remove "every month"
tuanphan replied to vschimel's topic in Customize with code
Maybe some css can hide. Can you share product url? -
@russelldentallv Add to Home > Design > Custom CSS div#block-yui_3_17_2_1_1565159154696_45792 p { color: #333 !important; }
-
@russelldentallv Some custom code can change color on only Mobile. I don't see phone number on Desktop. Can you take screenshot?
-
Remove "from" in product price with multiple variants
tuanphan replied to SourceProjects's topic in Customize with code
Thanks @11squared Saved your solution :-D -
How to hide image title on Wells Gallery
tuanphan replied to seanconroy's topic in Customize with code
@seanconroy You're welcome. You can click Accept Answer if it worked. Other members can use it. --We do not receive anything from Squarespace when answering the question here. You can click Up vote, a little fun for those who answered questions.- 13 replies
-
- gallery-page
- wells-template
-
(and 1 more)
Tagged with:
-
How to hide image title on Wells Gallery
tuanphan replied to seanconroy's topic in Customize with code
@seanconroy try replacing visibility: hidden; with display: none;- 13 replies
-
- gallery-page
- wells-template
-
(and 1 more)
Tagged with: