Jump to content

tuanphan

Circle Member
 View Profile  See their activity

  • Posts

    64,819

  • Joined

  • Last visited

  • Days Won

    517

 Content Type 

Everything posted by tuanphan

  1. tuanphan
    Use this new code @media screen and (min-width:768px) { div#block-yui_3_17_2_1_1704638721399_15110 .summary-item { width: calc(~"25% - 20px") !important; float: left !important; clear: none !important; } div#block-yui_3_17_2_1_1704638721399_15110 .summary-item:nth-child(2n+1) { margin-right: 20px !important; } div#block-yui_3_17_2_1_1704638721399_15110 .summary-thumbnail-container img { width: 100% !important; height: auto !important; } }
  2. tuanphan
    You can use this code to Website > Website Tools > Custom CSS div.newsletter-block input { border: 1px solid rgb(169,169,169) !important; background-color: #fafafa !important; color: black !important; } div.newsletter-block input::placeholder { color: black !important; }
  3. tuanphan
    Suppose you have this code #block-143916491714d5f2e79c { opacity: 0; -webkit-transition: opacity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out } #block-143916491714d5f2e79c:hover { opacity: 1 } you can change it to this, to make code run on desktop only @media screen and (min-width:992px) { #block-143916491714d5f2e79c { opacity: 0; -webkit-transition: opacity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out } #block-143916491714d5f2e79c:hover { opacity: 1 } }
  4. tuanphan
    I see you figured it out?
  5. tuanphan
    Don't remove any code in your current code. Add this to Custom CSS box @media screen and (min-width:992px) { div.header-burger, div.header-actions-action { display: flex; position: absolute; top: 0; } }
  6. tuanphan
    This is H1 in Text Block or Blog Title/Event Title/Product Title..?
  7. tuanphan
    Shop page looks fine
  8. tuanphan
    You try this code to Website Tools > Code Injection > Footer. This code for Bucher item. If it works, I will send guide for other items <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script> jQuery(document).ready(function($){ $('div#block-ceabdb2d8ce3de1de417 h2').hover(function(){ $('div#block-d027dacb8435a2999640').addClass('hover-img'); }, function(){ $('div#block-d027dacb8435a2999640').removeClass('hover-img'); }); }) </script> <style> .hover-img { filter: grayscale(0); transition: .5s ease-in-out; } </style>
  9. tuanphan
    You can use this code to Website > Website Tools (under Not Linked) > Custom CSS li.category-item:first-child { display: none; }
  10. tuanphan
    To make text overlay clickable, I have this guide, you can follow (require a Business Plan or higher) In case you use Personal Plan, let me know, I will adjust the code for your case
  11. tuanphan
    It looks like you figured it out? Looks same to me
  12. tuanphan
    You mean move it to another position or increase space between 3 lines or?
  13. tuanphan
    You can use this code to Custom CSS box section#landing-projects:before { content: ""; background-image: url(https://images.squarespace-cdn.com/content/v1/65c4f1c542fdd165b260396a/f4f98916-82d3-47ed-9f29-9ed4491f3b5b/A%26M+Recreated+Logo_white_640x400px+01+Artboard+1+Copy.png?format=1500w); background-repeat: no-repeat; background-size: contain; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 9999; width: 200px; height: 200px; } section#landing-projects { position: relative; }
  14. tuanphan
    I meant declare all font format, something like this example
  15. tuanphan
    See video https://www.loom.com/share/999faf28b2e6429689a5633be4990b74
  16. tuanphan
    Access this next, choose this choose Custom CSS and paste the code
  17. tuanphan
    If you share link to page where you use summary block, we can check easier
  18. tuanphan
    Your site is private, you can follow this guide to setup an access password, we can access easier
  19. tuanphan
    If you have a static image logo, I can give you new code. This is an example with logo image file https://tuanphan3.squarespace.com/1images-loading?noredirect pass: abc
  20. tuanphan
    Try this code to Custom CSS box .sqs-slide-wrapper[data-slide-type="cover-page"] .sso-button-style-outline~.sqs-modal-lightbox .form-wrapper input[type=submit] { background-color: #a890ad !important; }
  21. tuanphan
    We can use 1 code to target all blog posts Can you share link to a blog post?
  22. tuanphan
    My ideal is add 6 button blocks then add a section under with 6 text blocks then I will try testing code to, when clicking on each button >> show corresponding text block under What do you think?
  23. tuanphan
    Which exact code did you add? I see an error from my browser
  24. tuanphan
    Ah I see now You try edit First section > Reduce Row Count
  25. tuanphan
    Can you paste widget code here + share link to your site?
×
×
  • 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