Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

tuanphan

Circle Member
  • Content Count

    15,984
  • Joined

  • Last visited

  • Days Won

    201

Posts posted by tuanphan

  1. 17 minutes ago, 325found said:
    
     Hello, I have an amazon affiliate page with amazon blocks that i would like to display two products per row on mobile and tablet. Could you help me with the right custom css that could achieve this? Our website is shop325found.com and our bath page is the page with amazon blocks. Thank you!

    Can you share page url? We can check easier.

  2. 17 hours ago, pizzac4t said:

    Hey @tuanphan

    I tried this and also changing the second part to:

    $(document).ready(function() {
    var theLink = '<a href="/home"></a>';
    $('#collection-5eb455642e76d059750cb28f div[data-compound-type="logo"]').wrap( theLink );
    });

    But unfortunately neither are working. I suspect the second not to work because the collection is the entire page? 

    The website is https://www.taylorday.social/welcome and the link is to go to https://www.taylorday.social/home . Just trying to get the logo on the cover page to be clickable. 

    Thanks!

    I see you solved?

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script>
    $(document).ready(function() {
    var theLink = '<a href="/home"></a>';
    $('#collection-5eb455642e76d059750cb28f div[data-compound-type="logo"]').wrap( theLink );
    });
      </script>

     

  3. They used

    HTML

    <div id="scroll-down">
    				  <span class="arrow-down"></span>
    				  <span id="scroll-title">Scroll Down</span>
    				</div>

    CSS

    #scroll-down {
        width: 100%;
        bottom: calc(var(--plank)/2);
        display: block;
        position: fixed;
        padding-top: calc(var(--plank));
        text-align: center;
        left: 0%;
    }
    #scroll-down::before {
        -webkit-animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;
        -moz-animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;
        -o-animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;
        animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;
        position: absolute;
        top: 0px;
        left: 50%;
        margin-left: -1px;
        width: 2px;
        height: calc(var(--plank)*1);
        background: #2c367c;
        content: ' ';
    }
    .arrow-down {
        display: block;
        margin: 0 auto;
        width: 10px;
        height: calc(var(--plank)/2);
    }
    #scroll-title {
        display: block;
        color: #2c367c;
        font-size: calc(2vmin + 2px);
        font-family: Favorit;
    }

     

×
×
  • Create New...