Jump to content

tuanphan

Circle Member
 View Profile  See their activity

  • Posts

    64,675

  • Joined

  • Last visited

  • Days Won

    516

 Content Type 

Everything posted by tuanphan

  1. tuanphan
    #1. You need to adjust layout a bit Add image 1, image 2 Add 1 Line Block Add Image 3, 4 Add 1 Line Block Add Image 5,6 ... Final, remove all Line Blocks, then check again on mobile (See redline in screenshot)
  2. tuanphan
    Hi, Can you explain in more clearly your request?
  3. tuanphan
    Misread your question. I thought you want to do this on mobile only. You can change 767px to 7676px
  4. tuanphan
    Hi. Which screen sizes do you see problem? or tablet only? I can tweak the code easier
  5. tuanphan
    You mean About Page? or about on homepage? If homepage, can you take a screenshot of about section?
  6. tuanphan
    Add to Main Navigation
  7. tuanphan
    Edit Gallery Slideshow Image >> In Description box >> enter this code under current description <a class="slideshow-button">Button text</a> next, add this to Design > Custom CSS a.slideshow-button { border: 2px solid black; padding: 20px 30px; } If it doesn't work, please keep the code & let me know, we will try checking again
  8. tuanphan
    Try adding to Design > Custom CSS /* Make section image clickable */ [data-section-id="621687b849779843cf877dc5"] { .content * { position: static; } .content a { position: absolute !important; top: 0; left: 0; width: 100%; height: 100%; color: transparent !important; } .content-wrapper { position: static; }}
  9. tuanphan
    Thank you. I don't see newsletter on footer. Can you add it? We can check easier
  10. tuanphan
    Try adding to Design > Custom CSS /* Well move nav to top */ nav#mainNavigation { position: fixed; top: 10px; left: 50%; transform: translateX(-50%); } nav#mainNavigation ul { display: flex; justify-content: space-between; }
  11. tuanphan
    Hi. It looks like you solved this?
  12. tuanphan
    Add this to bottom of Cover Page Header <style> ul.t-links { position: fixed; bottom: 0; left: 50%; transform: translateX(-50%); width: 50%; justify-content: space-between !important; } </style>
  13. tuanphan
    Don't remove any code in your current code. Add this to bottom of Code Block <style> ul.t-social a[href*="opensea"]:hover img { content: url(https://cdn.pixabay.com/photo/2022/03/16/06/18/bird-7071662__480.jpg); } </style> replace pixabay url with pink icon url
  14. tuanphan
    Try adding this code to Settings > Advanced > Code Injection > Footer <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script> $(document).ready(function() { $('a.blog-author-name[href*="851a68"]').attr('href','/dr-bertelsman'); $('a.blog-author-name[href*="851a6a"]').attr('href','/dr-steele'); }); </script>
  15. tuanphan
    Add to Design > Custom CSS /* Mobile-Shop 3 columns */ @media screen and (max-width:767px) { .products.collection-content-wrapper .list-grid { display: grid; grid-template-columns: repeat(3,1fr); } }
  16. tuanphan
    Hi, What is access passwor? Which code did you use?
  17. tuanphan
    Hi. Which spacing? Can you take a screenshot?
  18. tuanphan
    Add to Design > Custom CSS /* Folder black on hover */ .header-nav-folder-content>div:hover { background-color: black; } .header-nav-folder-content>div:hover a { color: white; }
  19. tuanphan
    Sorry, have a typo in the code Use this new code /* Join text same height */ @media screen and (min-width:768px) { div#page-section-621ee0b268e1076e7a59ff59 .span-6 { box-shadow: 2px 1px 18px 3px rgba(241,79,50,0.28) !important; margin-left: 20px; margin-right: 20px; flex: 1; background-color: rgba(255, 246, 242, 1); border: 4px solid hsl(9, 87%, 57%); border-radius: 24px; } div#page-section-621ee0b268e1076e7a59ff59 .row { display: flex; } }
  20. tuanphan
    Where is that text? I don't see it on homepage https://beige-oleander-mp66.squarespace.com/?noredirect
  21. tuanphan
    Hi. Which page are you referring to? We don't see it on homepage https://the-dead-rabbit.squarespace.com/
  22. tuanphan
    Can you share link to page where you added 3 text? We can help easier
  23. tuanphan
    Try adding this to Design > Custom CSS div#socialLinks:hover .sqs-use--icon { fill: rgba(0,0,0,1) !important; } div#socialLinks a:hover .sqs-use--icon { fill: #00ffea !important; }
  24. tuanphan
    Try edit this code div.c-tabs__content>a:before { content: ""; width: 10em; height: 100%; display: inline-block; position: absolute; left: 0; top: 0; } to this new code (I added background-size: cover;) div.c-tabs__content>a:before { content: ""; width: 10em; height: 100%; display: inline-block; position: absolute; left: 0; top: 0; background-size: cover; }
  25. tuanphan
    @kasiakalasia It looks fine to me. Which phone/browser do you use?
×
×
  • 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