-
Posts
65,335 -
Joined
-
Last visited
-
Days Won
521
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by tuanphan
-
Adding a section on top of every Product detail page
tuanphan replied to juarezrsf's topic in Customize with code
I can't find a product page, can you share link to a product? https://www.juarezrodrigues.com/shop -
Trying to link to a specific section in my menu block
tuanphan replied to mflom22's topic in Getting Started With Squarespace
Suppose you want to change default section to "Drinks" Use this code to Sweetwater Chophouse Menu Page Header Code Injection <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script> jQuery(document).ready(function($){ setTimeout(function(){ $('label[role="tab"]:nth-child(3)').click(); $('label[role="tab"]:nth-child(3)').addClass('menu-select-labels--active'); $('label[role="tab"]:nth-child(1)').removeClass('menu-select-labels--active'); }, 2000); }) </script> Note: You will see number 2000 in the code. It means that after the page has finished loading, 2 seconds later the code will start running. -
First image Try using this code to Website > Website Tools > Custom CSS @media screen and (max-width:767px) { [data-section-id="6146b9cb3f8fc159fab8dff8"] .section-background-canvas.background-fx-canvas { display: none; } [data-section-id="6146b9cb3f8fc159fab8dff8"] img { visibility: visible !important; } [data-section-id="6146b9cb3f8fc159fab8dff8"] { min-height: unset !important; height: 55vh; } }
-
You mean same video for all events? Two way to achieve this (1) Add a Vide Block with Autoplay to Site Footer, then I can test code to move it top of event (2) Add Video Block with Autoplay to Not Linked Page, then use similar code (this will require a custom plugin to pull content from Not Linked Page) If you want (1), you can add video to Site Footer, then I will test the code
- 11 replies
-
- video
- custom-css
-
(and 2 more)
Tagged with:
-
Change it to this <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
-
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; } }