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
    Try adding to Design > Custom CSS html, body {overflow-x:hidden;}
  2. tuanphan
    Try this new code @media only screen and (max-width: 640px) { div#BlogMasonryContainer { columns: 2; column-gap: 0; height: auto!important; display: block!important; padding: 0px; } div#BlogMasonryContainer { height: auto!important; } .blog-masonry .masonry-ready .entry.is-loaded { position: relative!important; transform: none!important; width: 100%!important; display: block; padding: 1.5px!important; box-sizing: border-box; } .blog-masonry .masonry-ready .entry.is-loaded img { height: 100%!important; width: 100%!important; } }
  3. tuanphan
    Above is your site or example site? If your site, it looks like you solved?
  4. tuanphan
    What is your site url?
  5. tuanphan
    Hi, Can you explain this sentence? " the arrows to be within a text box, rather than surrounding the image. "
  6. tuanphan
    Add 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 href="https://google.com" class="header-img"><img src="https://cdn.pixabay.com/photo/2020/04/08/06/55/elephant-5015964__480.jpg"/></a>').appendTo('.header-display-desktop'); }); </script> <style> a.header-img img { max-width: 100px; } </style> Replace pixabay with new image url
  7. tuanphan
    Add to Design > Custom CSS a.Header-nav-item[href="/donate"] { background-color: red; padding-left: 10px !important; padding-right: 10px !important; }
  8. tuanphan
    Hi. What is site url? you need to use custom code to do this
  9. tuanphan
    Hi. Can you share link to a blog post? We can help easier
  10. tuanphan
    Hi, Add 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> $(function(){ var visibleTop = 30; $(window).scroll(function() { var scroll = getCurrentScroll(); if ( scroll >= visibleTop ) { $('header#header').addClass('tuan'); } else { $('header#header').removeClass('tuan'); } }); function getCurrentScroll() { return window.pageYOffset || document.documentElement.scrollTop; } }); </script> <style> .tuan div#headerNav { visibility: hidden !important; } </style>
  11. tuanphan
    Hi, What is site url? We can help easier
  12. tuanphan
    It looks like you solved by force desktop menu show on mobile?
  13. tuanphan
    What is site url?
  14. tuanphan
    To change header color on blog posts only, add this to Design > custom CSS body[class*="collection-type-blog"].view-item header#header { background-color: #f1f !important; }
  15. tuanphan
    Sorry for the delay. Add this 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() { $('section.ProductItem-additional').insertBefore('div.product-quantity-input'); }); </script> <style> section.ProductItem-additional { margin-top: 0px !important; } </style>
  16. tuanphan
    Use this new code .eventlist.eventlist--past:before { content: "PAST EVENTS"; display: block; text-align: center; white-space: pre-wrap; margin-top: 50px; font-size: 50px; font-family: circe; font-weight: 700; font-style: normal; letter-spacing: 0em; text-transform: uppercase; }
  17. tuanphan
    Add to Design > custom CSS span#mobile-navigation-title>a:before { content: ""; background-image: url(https://images.squarespace-cdn.com/content/v1/5594fe4fe4b0cd952418f301/ac567b77-bcd4-4f99-9fc8-b33171112be9/Exe+Pilates+Logo+FINAL-01.jpg?format=1500w); background-size: cover; width: 50px; height: 50px; display: block; background-position: center center; margin: 0 auto; }
  18. tuanphan
    2. For the 3 gallery pages: I would like the page Header content to stay in place when scrolling down. Hi. Can you share link to a page? I don't see any text
  19. tuanphan
    Hi, Can you share link to the site? We can check easier
  20. tuanphan
    Try adding to Design > Custom CSS div#block-yui_3_17_2_1_1645122559749_12863 { padding-top: 0px !important; padding-bottom: 0px !important; }
  21. tuanphan
    Add to Design > Custom CSS article.sold-out .product-price { display: none !important; } .product-mark.sold-out { display: none !important; }
  22. tuanphan
    The font file url doesn't exist, you missing some character, use this new code @font-face { font-family: recoleta; src: url(https://static1.squarespace.com/static/61e9f289ad8dff5e0d80671d/t/621868273c467a110cabb503/1645766695960/Recoleta.otf); src: url(https://static1.squarespace.com/static/61e9f289ad8dff5e0d80671d/t/6218680e18186052011c2e48/1645766670359/recoleta-webfont.woff),url(https://static1.squarespace.com/static/61e9f289ad8dff5e0d80671d/t/6218681490eb882e0741681e/1645766676725/recoleta-webfont.woff2); } h1 { font-family: recoleta !important; }
  23. tuanphan
    What is your site url?
  24. tuanphan
    What is your site url?
  25. tuanphan
    The url doesn't work. Add this to Design > Custom CSS /* home-1 image on tablet mobile */ @media screen and (max-width:900px) { body#collection-620549c79509ba40c53e4392 #banner-wrapper img { content: url(https://cdn.pixabay.com/photo/2020/04/08/06/55/elephant-5015964__480.jpg); } }
×
×
  • 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