Jump to content

tuanphan

Circle Member
 View Profile  See their activity

  • Posts

    65,051

  • Joined

  • Last visited

  • Days Won

    519

 Content Type 

Everything posted by tuanphan

  1. tuanphan
    Hi, Can you share link to page in screenshot? We can check easier
  2. tuanphan
    Try click Add Section > Scroll down & choose this > Then you can choose Gallery Section or List Section Carousel
  3. tuanphan
    You can create these images, then we can use code to append it to border. What do you think?
  4. tuanphan
    If you share link to blog page, we can help easier
  5. tuanphan
    Enter this to button url
  6. tuanphan
    It looks like they used same size images
  7. tuanphan
    Hi, This is possible with some custom code. If you share link to page where you use Reel, we can help easier You can also try adding this to Settings > Advanced > Code Injection > Footer <script> (function docReady(fn) { // see if DOM is already available if (document.readyState === "complete" || document.readyState === "interactive") { // call on next available tick setTimeout(fn, 1); } else { document.addEventListener("DOMContentLoaded", fn); } })(() => { if (window.location == window.parent.location) { const reelControls = document.querySelectorAll('.gallery-reel-control [aria-label="Next Slide"]'); reelControls.forEach(reelControl => { (function reelTimer() { setTimeout(() => { reelControl.click(); reelTimer(); }, 2000); // change this value to change the speed })(); }) } }); </script>
  8. tuanphan
    Hi, This is possible, however you will need to use a paid plugin
  9. tuanphan
    Hi, What is your problem with form block? Maybe we can help
  10. tuanphan
    Try this .header-nav-item:hover a { color: #f45ec6 !important; font-family: monospace !imprtant; }
  11. tuanphan
    Try this new code <script> $( ( ) => { const selector = '.user-items-list-simple .list-item'; $( selector ).each ( function ( ) { const click1 = $('.list-item-media'); $( click1 ).click ( function ( ) { const url = $( '.list-item-content__button', $this ) .attr ( 'href' ); $( `<a href="${ url }" target="_blank">` ) .get ( 0 ) .click ( ); } ); } ); } ); </script> <style> .user-items-list-item-container[data-section-id="632adf148c4a9956d83ff637"] .list-item-media { cursor: pointer; } </style>
  12. tuanphan
    Hi, What is your site url? We can help easier
  13. tuanphan
    You mean When users click on each link in my screenshot >> the page still shows category link on left side?
  14. tuanphan
    Add to Design > Custom CSS h2.nested-category-title.nested-category-title-padding { font-size: 20px; } .header-nav-item>a, .header-nav-folder-item>a { border-bottom: 2px solid transparent; } div.header-nav-folder-item a:hover { border-color: #fccfe8; }
  15. tuanphan
    Add to Design > Custom CSS /* Hide portfolio titles */ .portfolio-text { opacity: 0 !important; }
  16. tuanphan
    Try adding to Design > Custom CSS @media screen and (min-width:768px) { .user-items-list-banner-slideshow .slides--initialized { padding-right: 0 !important; } }
  17. tuanphan
    Just tried this code on another 7.1 site & it works here. You try checking it again
  18. tuanphan
    Scroll down to same section on all products or different section? To add Green Button, you can add a Button Block in Product Additional Info, then we will give code to turn it to circle + move its position
  19. tuanphan
    Add to Design > Custom CSS div#block-yui_3_17_2_1_1666713857941_1860 img { border: 1px solid white; }
  20. tuanphan
    Add to Cover Page Header. Replace Pixabay with your logo image url <style> .sqs-slide-wrapper[data-slide-type="cover-page"] div.sqs-slide[data-slide-type="cover-page"] .sqs-slide-layer:not(.scroll) .align-content-center-vert:not(.scroll) .align-center-vert:before { background-image: url(https://cdn.pixabay.com/photo/2022/08/18/10/41/herring-gull-7394570__480.jpg); content: ""; display: block; width: 70px; height: 70px; background-position: center; margin: 0 auto; margin-bottom: 10px; background-size: cover; background-repeat: no-repeat; } </style>
  21. tuanphan
    Actually we can use code to do this, but will a bit complex for you adjust code later. If you still need it, just let me know, I will check it again
  22. tuanphan
    You can consider reduce text size on mobile (use code, if you need, we will give the code) to make section shorter
  23. tuanphan
    Which exact code did you add? Have you added these yet? and this
  24. tuanphan
    Hi, /s/ won't work on CSS box. It will work on Code Block, Page Header, Code Injection only You need to use full url, something like this: https://abcxyz.squarespace.com/s/yourfilename.svg Next, if your site is trial, sometime uploaded files won't work
  25. tuanphan
    Try changing it to article section, article div { background-color: transparent !important; }
×
×
  • 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