Jump to content

tuanphan

Circle Member
 View Profile  See their activity

  • Posts

    65,269

  • Joined

  • Last visited

  • Days Won

    521

 Content Type 

Everything posted by tuanphan

  1. tuanphan
    Before we do this, you can read this first. if you still want to continue, let me know. We will give the code If you s
  2. tuanphan
    Add this to Settings > Advanced > Code Injection > Header > Then save & reload the site <style> @media screen and (max-width:767px) { .user-items-list-item-container[data-section-id="61a92a2e19e7d3402c3551af"] ul { grid-template-columns: repeat(2,1fr) !Important; } } </style>
  3. tuanphan
    You mean this typewriter?
  4. tuanphan
    Click this image >> redirect to /members-of-san-... video?
  5. tuanphan
    You can add a text link in List Description, then we can give the code to turn link style to button style
  6. tuanphan
    It looks like you adjusted image & looks fine here. However the text overlap face of image. Do you want to move text under image on mobile only? or move text under face a bit?
  7. tuanphan
    Just add :hover div#block-yui_3_17_2_1_1599105038088_23671 a { background-color: #00B0B9; color: white; padding: 14px 25px; text-align: center; text-decoration: none; display: inline-block; } div#block-yui_3_17_2_1_1599105038088_23671 a:hover { background-color: white !important; color: #00B0B9 !important; } Replace with your block id
  8. tuanphan
    Hi. I don't see navigation here. It looks like you changed header layout. Do you still need help?
  9. tuanphan
    You can move up cookie notice on mobile only with this CSS /* Cookie notice mobile */ @media screen and (max-width:767px) { .sqs-cookie-banner-v2 { position: fixed !important; bottom: 100px !important; } }
  10. tuanphan
    add value background-position: left center;
  11. tuanphan
    To code run on other page, you need to add code to Custom CSS (dont' use <style> & </style>) To code run on Cover Page, add code to Cover Page Header (use <style> & </style) To make code run on all pages, you will need to add code into both Custom CSS & COver Page Header
  12. tuanphan
    You want to resize mobile image or replace with new image on mobile? Add to Design > Custom CSS > To resize image @media screen and (max-width:767px) { [data-section-id="61b214781fc8033d7dcf64b4"] { min-height: unset !important; height: 30vh; } }
  13. tuanphan
    Add to Last Line in Settings > Advanced > Code injection > Footer > Then check again on real mobile <script> jQuery(document).ready(function($){ if (jQuery(window).width() < 767) { $('h1.ProductItem-details-title').insertBefore('section.ProductItem-gallery'); $('.product-quantity-input').appendTo('.product-variants'); } }); </script> <style> @media screen and (max-width:767px) { .product-variants { display: flex !important; width: 100% !important; } } </style>
  14. tuanphan
    Add to Design > Custom CSS li.eventitem-meta-item.eventitem-meta-time.event-meta-item { display: none; } .item-pagination[data-collection-type^="events"], .item-pagination[data-collection-type^="events"] { display: none; }
  15. tuanphan
    You can add a search block in Footer, then we will use code to move it to screenshot position
  16. tuanphan
    Because these are blank, so very complex to change to 2 items/row Can you add 3 colored image here? Then we can solve problem easier (we can use code to hide these colored image if you want)
  17. tuanphan
    @ChrisBunner Try this code button.checkout-button { background: linear-gradient(to right top,#070037,#5f00f4,#d000fb) !important; border-color: red !important; padding: 20px 50px !important; font-size: 14px !important; }
  18. tuanphan
    Try this code body#cart header#header, body#order-confirmed header#header { background-color: #28b0ac !important; }
  19. tuanphan
    Try this code section[data-section-id="61b03f1daacf686a956ca1b5"] .content-wrapper { padding-top: 0 !important; } section[data-section-id="61b03f1daacf686a956ca1b5"] { min-height: unset !important; }
  20. tuanphan
    Can you share link to page where you have problem? I think each case needs a different code, we can check site url easier
  21. tuanphan
    Can you take a screenshot this section? I dont see these on davinci-instructions page
  22. tuanphan
    It seems complicated and beyond my ability. If they still can't help you, you'll probably need to hire someone to handle this.
  23. tuanphan
    Can you share link to page where you added Timeline code? We can check & tweak the code easier
  24. tuanphan
    Try adding to Design > Custom CSS /* Mobile images */ @media screen and (max-width:640px) { div#page-619e9e53eb9d650f8dde67c6 .span-6 { width: 50% !important; float: left !important; } }
  25. tuanphan
    Hi. The member already use a script code, missing CSS so I sent CSS. Can you share link to your site? We can check & give the full code
×
×
  • Create New...

Squarespace Webinars

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

Upcoming Webinars →

Hire a Designer

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

Get Matched →

Support

Community

Developers

Resources