Jump to content

tuanphan

Circle Member
  • Posts

    65,954
  • Joined

  • Last visited

  • Days Won

    525

Reputation Activity

  1. Like
    tuanphan got a reaction from laterrarossa in Announcement Bar Gradient Animation No Longer Working   
    Just remove this, the code should work.

  2. Like
    tuanphan got a reaction from JasC in How to change font size on H2 and H3 for blog posts only   
    You can use this code to Website > Website Tools > Custom CSS
    [class*="type-blog"].view-item { h2, h2 * {font-size: 20px !important;} h3, h3 * {font-size: 25px !important;} }  
  3. Like
    tuanphan got a reaction from Tucker in CSS for rounded corners of uploaded videos?   
    Use this code
    .video-player .plyr .plyr__controls:before {display:none!important;} .plyr__video-wrapper video, .plyr__video-wrapper, .sqs-video-overlay {border-radius:30px !important;}  
  4. Love
    tuanphan got a reaction from CastleAvenue in How replace "Older Posts >" in 7.1 ?   
    Use this code to Custom CSS box
    /* Newer posts */ nav.blog-list-pagination .prev-label { visibility: hidden; } nav.blog-list-pagination .prev-label:before { visibility: visible; content: "more work"; } /* Older posts */ nav.blog-list-pagination .next-label { visibility: hidden; } nav.blog-list-pagination .next-label:after { visibility: visible; content: "more work"; }  
  5. Love
    tuanphan got a reaction from MartinMurray in Style the active link underline in header   
    What is password?

  6. Thanks
    tuanphan got a reaction from CorinnaR in Scroll Down Arrow That Links To Next Section   
    If you want to add arrow on both first + second section, you can find this line in all script/style code
    #page section:first-child to this
    #page section:nth-child(-n+2)  
  7. Like
    tuanphan got a reaction from linda11 in Store Page Side Menu   
    You mean hover >> appears underline? Can you share link to page?
  8. Like
    tuanphan reacted to creedon in Announcement Bar spacing [bug]   
    Please see the following.
    Let us know how it goes.
  9. Thanks
    tuanphan got a reaction from holahannah in change logo and shrink it on scroll   
    I see you used script code to achieve this, this looks complex with me. You try posting new thread, maybe someone can help.
  10. Thanks
    tuanphan got a reaction from tino_bambino in How to hide images from store until a user clicks into a product   
    Use this code to Website > Website Tools > Custom CSS
    a.grid-item-link .grid-image { display: none !important; }  
  11. Thanks
    tuanphan got a reaction from jessiebjenn in Missing Category Navigation   
    You can use this code to Website Tools > Custom CSS
    @media screen and (max-width:767px) { h2.nested-category-title.nested-category-title-padding + .nested-category-tree-wrapper { display: flex; float: none !important; max-width: unset !important; min-width: unset !important; width: 100% !important; padding-left: 0 !important; } h2.nested-category-title.nested-category-title-padding + .nested-category-tree-wrapper ul { display: flex; align-items: flex-start; width: 100%; justify-content: flex-start; flex-wrap: wrap; } h2.nested-category-title.nested-category-title-padding + .nested-category-tree-wrapper ul li { margin-left: 10px; margin-right: 10px; } .products.collection-content-wrapper .nested-category-tree-wrapper>ul>li:first-child a { padding-top: 6px; } }  
  12. Like
    tuanphan got a reaction from mgroeteke in How to change the color of the 'item in cart' pill button   
    With Wells, use this CSS code
    div.absolute-cart-box .sqs-pill-shopping-cart-content { background-color: #f1f !important; background-image: none !important; color: #fff !important; } .icon { filter: brightness(0) invert(1); }
  13. Like
    tuanphan reacted to colin.irwin in Multi-lingual site - slide translation   
    The way to do it is to have 2 sections - one with the Hungarian language slides and the other with English language. 
    Then we use css to show the appropriate section for the current language.
    The following assumes that the first section contains the Hungarian slideshow and the second section has the English version
    It also has a check so that both sections will appear when editing the page. 
    It uses LESS notation so should be inserted into the sitewide Custom CSS area
    html { body:not(.sqs-edit-mode) { &.homepage section { &:nth-of-type(1) { display: flex; } &:nth-of-type(2) { display: none; } } } &[data-wg-translated = "en"] body:not(.sqs-edit-mode).homepage section { &:nth-of-type(1) { display: none; } &:nth-of-type(2) { display: flex; } } } If you have any problems with this, drop me a line. 
  14. Like
    tuanphan got a reaction from DBEC in Dropdown Menu colour Squarespace 7.1   
    @StephenWise1999 Add to Home > Design > Custom CSS
    /* Change dropdown menu background */ .header-nav-folder-content { background: #febf00 !important; }
  15. Like
    tuanphan got a reaction from mgroeteke in Product Prices - is it possible to make them Bold and in color?   
    Change this id
    body.view-item .product-price to this
    body.view-item div#productDetails .product-price  
  16. Like
    tuanphan reacted to dennis.pal in Autoscroll for carousel?   
    Hi, I just published a blog article on exactly this topic, including drag functionality. I started with a simple script like above which will work but it may prevent you from editing the page as it will activate on the edit mode and prevent editing. See my post for all the scripts and CSS I used as well as an example.

    Enhancing Your Squarespace Carousel With Auto Advance And Drag Features: https://contigostudio.com/blog/enhancing-squarespace-carousel-with-features
    Let me know if you have any questions or need any help.
  17. Like
    tuanphan reacted to AgnesK in Email link in list not working   
    Thanks for your help! I couldn't get the email to work so linked to contact page instead.
  18. Love
    tuanphan got a reaction from madebyapricot in Google Calendar Pop-Up on Exisiting Header Button   
    Change #3 code to this
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script> $(document).on('click', 'header#header a.btn, div#block-yui_3_17_2_1_1708117493982_80427 a', function(event) { event.preventDefault(); $('button.qxCTlb').click(); }); </script> and make sure that button url "Open in New Tab" is disabled
  19. Thanks
    tuanphan got a reaction from kiwette in Color over image on hover   
    You can use this code to Website > Website Tools > Custom CSS
    div.grid-image-inner-wrapper:after { content: ""; background-color: red; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; } a.grid-item:hover .grid-image-inner-wrapper:after { opacity: 0.5; }  
  20. Thanks
    tuanphan got a reaction from kiwette in Color over image on hover   
    You mean achieve like this?

    div#block-yui_3_17_2_1_1710768962050_8568:hover * { background-color: #df3021; } div#block-yui_3_17_2_1_1710768962050_8568 img { mix-blend-mode: screen; }  
  21. Like
    tuanphan got a reaction from sofia62 in sending automatically the discounted items to my "OUTLET" category   
    I thought you use standard store page. With Filter Plugin, current I don't think of any way to do this.
  22. Love
    tuanphan got a reaction from sofia62 in move currency converter to the footer   
    Try this code under
    <style> header#header #currencyMob { display: none; } </style>  
  23. Like
    tuanphan reacted to creedon in Product Option First Variant Select Auto   
    Please see Product Option First Variant Select Auto.
    Synopsis
    Auto select the first variant of product options.
    Let me know how it goes.
     
  24. Like
    tuanphan got a reaction from mgroeteke in Moving 'add to cart' button   
    Use this CSS under
    div.product-quantity-input { display: none; }  
  25. Like
    tuanphan reacted to Ziggy in Making the dropdown menu on a hamburger nav drop downward instead of opening to the right (with the clove template)   
    This is the only way I know of to do this:
    https://schwartz-edmisten.com/plugins/p/modern-mobile-menu-dropdown-for-squarespace
×
×
  • 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.