Jump to content

tuanphan

Circle Member
  • Posts

    64,861
  • Joined

  • Last visited

  • Days Won

    517

Everything posted by tuanphan

  1. 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
  2. Yes. If you can add 2 sections with 2 files, I can give code to show 1 on desktop, show another on mobile
  3. Can you check site url again? It can't click
  4. 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
  5. 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
  6. Change your code to this body.homepage { .header-title-logo img { visibility: hidden; } .shrink .header-title-logo img { visibility: visible; }}
  7. Just updated the code. You can check again
  8. 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.
  9. Add to Website Tools (under Not Linked) > Custom CSS a#site-title:after { content: "Squarespace 7.1"; display: block; font-size: 18px; } Reference
  10. 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
  11. #1. Add this to Custom CSS .header-title-logo a { position: absolute; top: -75px; } .header-title-logo img { max-height: 200px; }
  12. Yes. This is possible. If you share link to page where you use carousel, we can help you achieve this
  13. I don't know this..if you can find an example on Codepen, I can change it to Code on SS
  14. Slideshow doesn't support lightbox, you can consider using Grid.. with second question, can you share link to page?
  15. You can add this CSS code to fix problem @media screen and (max-width:991px) { body.homepage .slideshow-holder ul { min-height: unset !important; } }
  16. You can add this code to Website Tools (under Not Linked) > Custom CSS nav#main-navigation { position: absolute !important; right: 0 !important; }
  17. The site is private, you need to public or setup an access password
  18. Don't remove code I sent, add this code under body#collection-56ccfe89c2ea5165a6f983a1 .sqs-gallery-design-autocolumns-slide img { border-radius: 30px !important; }
  19. 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>
  20. 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
  21. Hi, You mean click Checkout Button on /cart page, will open a lightbox form?
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.