-
Posts
64,861 -
Joined
-
Last visited
-
Days Won
517
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by tuanphan
-
You mean video on left or right side small? If right, can you share link to page? I think we can use some code to make it larger
-
Need help with displaying an interactive object on desktop and mobile
tuanphan replied to sssnole's topic in Pages & Content
Yes. If you can add 2 sections with 2 files, I can give code to show 1 on desktop, show another on mobile- 9 replies
-
- responsive-design
- jasper-template
-
(and 2 more)
Tagged with:
-
Can you check site url again? It can't click
-
You can create a Folder with Name: Shop Next, add 2 Link Items in Folder, first with name: New Arrivals, link to new arrivals page or category, second with Best Sellers link. To make folder title "Shop" clickable, you will need to use code, you can add it first + share site url, then we can give you code to make this clickable to shop page
-
How to get rid of summary and text blocks on /cart page?
tuanphan replied to alphashaving's topic in Blocks
Do you use any custom code? You try accessing this, this link will disable code on Edit Mode. If it still appears, I guess the code appears in Dev Mode https://www.alphashaving.com/config/safe -
Change your code to this body.homepage { .header-title-logo img { visibility: hidden; } .shrink .header-title-logo img { visibility: visible; }}
-
Displaying Button Directly in Mobile Header
tuanphan replied to anyarum's topic in Customize with code
Just updated the code. You can check again -
Some CSS code to remove Navigation (use to Custom CSS box) #1. Remove Navigation on One Page With this code, you need to add it to Page Header Code Injection (if the page doesn't support Code Injection, you can add it via Code Block) <!-- remove navigation - one page --> <style> header#header nav, .header-burger { display: none; } </style> #2. Remove Navigation on All Pages /* remove navigation - all pages */ header#header nav, .header-burger { display: none; } #3. Remove on Blog List Page /* remove navigation - blog page */ [class*="type-blog"].view-list { header#header nav, .header-burger { display: none; } } #4. Remove on Blog Post Detail /* blog posts */ [class*="type-blog"].view-item { header#header nav, .header-burger { display: none; } } #5. Remove on Event List Page /* event list */ [class*="type-events"].view-list { header#header nav, .header-burger { display: none; } } #6. Remove on Event Detail /* event detail */ [class*="type-events"].view-item { header#header nav, .header-burger { display: none; } } #7. Remove on Product Category/Shop /* shop category page */ [class*="type-products"].view-list { header#header nav, .header-burger { display: none; } } #8. Remove on Individual Product /* individual products */ [class*="type-products"].view-item { header#header nav, .header-burger { display: none; } } #9. Remove on Cart Page /* cart page */ body#cart { header#header nav, .header-burger { display: none; } } #10. Remove on Homepage only /* Homepage only */ body.homepage { header#header nav, .header-burger { display: none; } } #11. Remove on Other pages (exclude Homepage) /* Other page - exclude homepage */ body:not(.homepage) { header#header nav, .header-burger { display: none; } } #12. Remove on Scroll header#header.shrink { nav, .header-burger { display: none !important; } } If you have any problems, you can comment below.
-
Can you share link to page in screenshot?
-
Hi, Can you share link to gallery? We can check easier
- 6 replies
-
- flatiron-template
- index-page
-
(and 3 more)
Tagged with:
-
Add to Website Tools (under Not Linked) > Custom CSS a#site-title:after { content: "Squarespace 7.1"; display: block; font-size: 18px; } Reference
-
Some custom CSS for Form Block Lightbox. You can add code to Website Tools (under Not Linked) > Custom CSS #1. Change Title size /* Lightbox form title size */ div.lightbox-inner .form-title { font-size: 50px !important; } #2. Add subtitle /* add sub text */ div.lightbox-inner .form-title:after { content: "enter some text here"; display: block; font-size: 16px; } #3. Align center Title /* align title */ div.lightbox-inner .form-title { text-align: center; margin-left: 22px; } #4. Change close X icon style /* Change X icon style */ div.lightbox-close { color: #f1f !important; font-size: 30px !important; } #5. Submit button color /* Form Lightbox Button */ div.lightbox-inner input.button { background-color: #f1f !important; color: #000 !important; } #6. Submit button hover color /* Form Lightbox button hover */ div.lightbox-inner input.button:hover { background-color: #000 !important; color: #f1f2f3 !important; } #7. Form background color /* Form lightbox background color */ div.lightbox-content { background-color: #f1f !important; } #8. Form background image /* Form lightbox background image */ div.lightbox-content { background-image: url(https://cdn.pixabay.com/photo/2023/03/15/16/17/feather-7854908_1280.jpg) !important; background-size: cover; background-position: center center; background-repeat: no-repeat; } #9. Add a frame around lightbox /* add a frame around form lightbox */ div.lightbox-content { border: 3px solid #f1f; } #10. Overlay color behind lightbox /* Overlay color behind lightbox form */ .sqs-modal-lightbox-content .lightbox-background { opacity: 0.8 !important; background-color: violet !important; } If you have any questions, or want to request new code, just comment below
-
#1. Add this to Custom CSS .header-title-logo a { position: absolute; top: -75px; } .header-title-logo img { max-height: 200px; }
-
I don't know this..if you can find an example on Codepen, I can change it to Code on SS
-
Help with Gallery Slideshow: Simple (Real Estate Website)
tuanphan replied to Tim52245's topic in Customize with code
Slideshow doesn't support lightbox, you can consider using Grid.. with second question, can you share link to page? -
You can add this CSS code to fix problem @media screen and (max-width:991px) { body.homepage .slideshow-holder ul { min-height: unset !important; } }
-
help with overriding template components
tuanphan replied to nadiamramos's topic in Customize with code
You can add this code to Website Tools (under Not Linked) > Custom CSS nav#main-navigation { position: absolute !important; right: 0 !important; }- 1 reply
-
- css
- code-injection
-
(and 1 more)
Tagged with:
-
-
Underline active nav items disappeared in 7.1 site
tuanphan replied to nataliels's topic in Customize with code
The site is private, you need to public or setup an access password -
Round corners of Thumbnails Avenue
tuanphan replied to derricksrandomviews's topic in Customize with code
Don't remove code I sent, add this code under body#collection-56ccfe89c2ea5165a6f983a1 .sqs-gallery-design-autocolumns-slide img { border-radius: 30px !important; } -
The site is 7.0 version, above code is for 7.1 version With your case, first you edit /custom-homes page > Add a block > Choose Code > Then paste this code <style> .title-nav-wrapper img { content: url(https://cdn.pixabay.com/photo/2023/03/15/16/17/feather-7854908_1280.jpg); } </style>
-
I used to see this problem several times on forum. Almost case, missing closing </strong> or </b> tag You can check again all Code Block on /portfolio page
-
Adding a URL link to the cart checkout button.
tuanphan replied to kijelu's topic in Customize with code
Hi, You mean click Checkout Button on /cart page, will open a lightbox form?