-
Posts
64,819 -
Joined
-
Last visited
-
Days Won
517
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by tuanphan
-
Change SVG Header logo on certain pages
tuanphan replied to CooperWhite's topic in Site Design & Styles
Can you share link to page where you have problem? -
Can you share site url? We can check problem easier
-
Use this CSS code section#itemPagination * { font-family: 'InterVariable' !important; }
-
Linking button on header to a form on the home page
tuanphan replied to Abdullacader's topic in Pages & Content
If button - form on same page First, add a Code Block override or near Form Block > paste this code <div id="contact"></div> Next, edit button > enter this url format #contact -
Forms "Post-Submit" links will not open in a new tab.
tuanphan replied to kalebahne's topic in Pages & Content
Can you share link to page where you use form?- 5 replies
-
- form
- post-submit
-
(and 1 more)
Tagged with:
-
Will Squarespace ever implement Nested Folders?
tuanphan replied to arielestulin's topic in Site Structure & Navigation
-
Can you share link to page where you use files? I can check its id easier
-
Yes. We can target with ID, but you need to share link to page where you use form & which CSS you want to apply, I can give the code. In case you know inspect HTML, find this ID and to apply this ID, suppose #3 code, we will use new CSS like this /* align title */ form[data-form-id="65dbf1edf3365648bccd9900"] .form-title { text-align: center; margin-left: 22px; } Open Form: You want to change text size, color, background or?
-
Changing footer background color on specific pages
tuanphan replied to benbenbenben's topic in Customize with code
To change on One Page, you can use this code to Page Header Code Injection (or edit page > Add a Code Block) <style> footer.sections, footer.sections .section-background, footer.setions .section-border { background-color: black !important; } footer.sections * { color: white !important; } </style> With icon color, you need to share site url, we can check code easier- 4 replies
-
- footer
- background
-
(and 1 more)
Tagged with:
-
How to create a horizontal scrollbar at the bottom of a page?
tuanphan replied to JamIsJam88's topic in Customize with code
Do you have a mockup/an example, we can imagine your request easier. -
We can create a filter like that. You will use Product Page, Blog, Portfolio, Gallery or?
-
You can use this code to Website > Website Tools > Custom CSS. If it doesn't work, you can share site url, we can check easier. footer.sections a:hover, footer.sections a:hover span { color: white !important; }
- 1 reply
-
- code-injection
- code
-
(and 2 more)
Tagged with:
-
Try this CSS code (I think I sent it somewhere?) @media screen and (max-width: 767px) { div#page-5cf6ed87e03c28000107a516 .span-12>.row { column-count:2 } }
-
You can use this CSS code for arrows .gallery-lightbox-control-btn-icon .caret-right-icon--small, .gallery-lightbox-control-btn-icon .caret-left-icon--small { width: 40px; height: 50px; background-color: #f1f; } and this for X icon .gallery-lightbox-close-btn-icon svg { width: 30px !important; height: 30px !important; border: 1px solid white; }
-
Use this code to Website > Website Tools > Custom CSS @media screen and (max-width:991px) { [data-section-id="65a47ede29118d6ca0291913"] { min-height: unset !important; height: 60vh; } [data-section-id="65a47ede29118d6ca0291913"] .html-block { position: relative; top: -100px; } [data-section-id="65a47ede29118d6ca0291913"] .html-block * { font-size: 30px; } }
-
Centering Summary Block Content / thumbnails
tuanphan replied to thewriterb's topic in Customize with code
I see your screenshot looks fine. Can you describe it a bit clearly? https://www.ofwhitewalls.com/rectangle-1 -
You can share site url, I can check your problem easier
-
Try this <script> var ua = navigator.userAgent.toLowerCase(); var isAndroid = ua.indexOf("android") > -1; //&& ua.indexOf("mobile"); if(isAndroid) { // Do something! // Redirect to Android-site? window.location = 'http://android.davidwalsh.name'; } </script> Reference: https://stackoverflow.com/questions/6031412/detect-android-phone-via-javascript-jquery
- 4 replies
-
- custom-css
- redirect
-
(and 1 more)
Tagged with:
-
Create page loading/page transition effect
tuanphan replied to KhanhLy174's topic in Customize with code
Can you share link to page where you added this code? -
Adding 'new' label to product thumbnail pictures
tuanphan replied to rockout_james's topic in Commerce
You can follow this