Jump to content

donforello

Member
  • Posts

    46
  • Joined

  • Last visited

Reputation Activity

  1. Like
    donforello got a reaction from carriealways in Change slideshow buttons / arrows   
    Hey guys,
     
    I am trying to change the arrows on my slideshow; they are currently "-->" arrows, and I would like to have these arrows: "<" and ">". 
    I would like to keep the small box / button on which the arrows are. 
    Does anyone have an idea how to achieve that?
    Highly appreciate help on this 🙂
  2. Like
    donforello got a reaction from creedon in Creating url slugs for tabs on the same page?   
    @creedon this works perfectly, thank you for taking the time to explain!
  3. Like
    donforello reacted to tuanphan in Footer text block on Mobile   
    I think this will require both CSS/JavaScript code. Do you use Personal or Business Plan?
  4. Like
    donforello reacted to creedon in Creating url slugs for tabs on the same page?   
    I'm answering a question here started in another thread. Please see the question below.
    The first thing to do is to point your footer URLs to the support page. Adding a URL hash for each tab. Also I suggest turning off opening links in a new window.

    Add the following to your code block.
    <script>   $( ( ) => {        // change tab when URL hash changes          $( location.hash ).click ( );          $( window ).on ( 'hashchange', function ( ) {            $( location.hash ).click ( );              } );            } );        </script> This script does two things. First when the page is loaded it attempts to click a tab. The second it looks for URL hash changes and also clicks a tab. The later is for within page hash changes. If you add non tab related ids to the page then the script would probably need to be adjusted to only click on tab related elements.
    One thing you might want to consider. Change the id attributes for the tab buttons to something more descriptive. Instead of tab-1, tab-2, etc. Use something like returns-policy, warranty, shipping, and terms-conditions. That way the URLs will be a bit more informative.
    Let us know how it goes.
  5. Like
    donforello reacted to tuanphan in Monospace custom font   
    add font-size: 20px !important;
  6. Like
    donforello reacted to tuanphan in Footer text block on Mobile   
    Add to Design > Custom CSS
    /* footer mobile */ @media screen and (max-width:767px) { div#page-section-601974e7bc397811526a08e0 .span-12>.row .col:nth-child(n+2) { width: 50% !important; float: left !important; } .newsletter-form-body { display: flex; } }  
  7. Like
    donforello got a reaction from tuanphan in Hide numbering from product image carousel on mobile   
    solved it with the following code:
    .ProductItem-gallery-current-slide-indicator  {
        display: none;
      }
  8. Like
    donforello got a reaction from tuanphan in How to Freeze Product Item Details on Product Page from Scrolling?   
    @tuanphan actually, I think I was just able to solve it with the code below! 🙂
    On another note: the summary of other products (recommendations) below the product always include the current product as first item.. is there a way to remove / hide the current product from the summary below?
    Thanks
    .tweak-product-basic-item-thumbnail-placement-below .ProductItem-gallery { position: sticky; top: 10px; align-self: flex-start; height: auto; }
×
×
  • 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.