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

tuanphan

Circle Member
  • Content Count

    9,847
  • Joined

  • Last visited

  • Days Won

    111

tuanphan last won the day on May 27

tuanphan had the most liked content!

Personal Information

Recent Profile Visitors

11,521 profile views
  1. I also need for the thumbnails not to click through to the individual blog posts, but I still need a link on the excerpt text to link to an external website for each thumbnail Add to Home > Design > Custom CSS /* disable blog image link */ section.blog-image-wrapper { pointer-events: none; } /* disable blog title link */ .blog-title a { pointer-events: none; } Remove the Older Posts > pagination copy/link .pagination-title-wrapper { display: none; } To add a border to the thumbnails. I have this working on my News blog but it doesn't work on this blog, which is basically a panel of logos that can be filtered by category. Can you share link to this page?
  2. What is crossword? Do you have an example?
  3. You can ask plugin author, before purchasing the plugin. Q2, 3. What is access password? also, /config is url for site owner, I can't access
  4. Did you remove Twitter feed?
  5. Add to Home > Design > Custom CSS @media screen and (max-width:700px) { div#productList { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); grid-column-gap: 20px; grid-row-gap: 5px; } }
  6. If you know basic CSS, you can set width for all .col class (I solved similar question a few days ago) (add !important to after, eg: width: 20% !important;) If you don't know, please let me know, I will take a look
  7. If you use Business Plan, you can use this plugin. Reference guide (see Step 6)
  8. Can you share link to homepage?
  9. Each template needs different class name in above code
  10. Add to Home > Design > Custom CSS @media screen and (min-width:641px) { ul.ProductList-filter-list { display: flex; flex-direction: column; } } @media screen and (max-width:640px) { .ProductList-filter-dropdownToggle-checkbox:checked~.ProductList-filter-list { display: flex; flex-direction: column; } } /* All */ ul.ProductList-filter-list>li:nth-child(1) { order: 1; } /* Best Sellers */ ul.ProductList-filter-list>li:nth-child(2) { order: 2; } /* Hair Shampoos */ ul.ProductList-filter-list>li:nth-child(4) { order: 3; } /* Hair Conditioner*/ ul.ProductList-filter-list>li:nth-child(3) { order: 4; }
  11. Hover on Page Name in Navigation > Click Gear Icon > Click SEO > Edit SEO Title
  12. In Home Furniture: Kitchen Collection Wall Panels Collection Kids Collection Living Room Collection Bedroom Collection Bathroom Collection Add to Home Furniture Settings > Advanced > Header <style> @media screen and (min-width:641px) { ul.ProductList-filter-list { display: flex; flex-direction: column; } } /* All */ ul.ProductList-filter-list>li:nth-child(1) { order: 1; } /* Kitchen */ ul.ProductList-filter-list>li:nth-child(5) { order: 2; } /* Wall Panels */ ul.ProductList-filter-list>li:nth-child(7) { order: 3; } /* Kids */ ul.ProductList-filter-list>li:nth-child(4) { order: 4; } /* Living Room */ ul.ProductList-filter-list>li:nth-child(6) { order: 5; } /* Bedroom Room */ ul.ProductList-filter-list>li:nth-child(3) { order:6; } /* Bath Room */ ul.ProductList-filter-list>li:nth-child(2) { order: 7; } </style>
  13. If you use justify, it will create spacing problems on some mobile.
  14. Add to Cover Page Settings > Advanced > Header <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script> <script> $(document).ready(function() { $('.sqs-slide-wrapper[data-slide-type="cover-page"] [data-compound-type="logo"][data-slice-type="image"] img"]').click(function() { window.location = "https://beaverhero.com"; }); }); </script>
  15. Which code did you insert to your site? Codepen link above use SCSS, you need to convert to CSS It will be (Add to Code Block) <div class="ico animated"> <div class="circle circle-top"></div> <div class="circle circle-main"></div> <div class="circle circle-bottom"></div> <svg class="svg" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve" > <defs> <clipPath id="cut-off-arrow"> <circle cx="306" cy="306" r="287"/> </clipPath> <filter id="goo"> <feGaussianBlur in="SourceGraphic" stdDeviation="10" result="blur" /> <feColorMatrix in="blur" mode="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 18 -7" result="goo" /> <feBlend in="SourceGraphic" in2="goo" /> </filter> </defs> <path class="st-arrow" d="M317.5,487.6c0.3-0.3,0.4-0.7,0.7-1.1l112.6-112.6c6.3-6.3,6.3-16.5,0-22.7c-6.3-6.3-16.5-6.3-22.7,0 l-86,86V136.1c0-8.9-7.3-16.2-16.2-16.2c-8.9,0-16.2,7.3-16.2,16.2v301.1l-86-86c-6.3-6.3-16.5-6.3-22.7,0 c-6.3,6.3-6.3,16.5,0,22.7l112.7,112.7c0.3,0.3,0.4,0.7,0.7,1c0.5,0.5,1.2,0.5,1.7,0.9c1.7,1.4,3.6,2.3,5.6,2.9 c0.8,0.2,1.5,0.4,2.3,0.4C308.8,492.6,313.8,491.3,317.5,487.6z"/> </svg> </div> <style> .ico { margin: 0 auto; text-align: center; width: 100px; height: 100px; position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-filter: url("#goo"); filter: url("#goo"); } .ico .circle { background: #fff; border-radius: 50%; display: inline-block; height: 100px; width: 100px; position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-transform-origin: 0%; transform-origin: 0%; } .ico .circle.circle-top { height: 33.3333333333px; width: 41.6666666667px; -webkit-animation: blob-1-anim 3s cubic-bezier(0.77, 0, 0.175, 1) infinite; animation: blob-1-anim 3s cubic-bezier(0.77, 0, 0.175, 1) infinite; z-index: 0; top: 0; } .ico .circle.circle-bottom { height: 33.3333333333px; width: 41.6666666667px; -webkit-animation: blob-2-anim 3s cubic-bezier(0.77, 0, 0.175, 1) infinite; animation: blob-2-anim 3s cubic-bezier(0.77, 0, 0.175, 1) infinite; z-index: 9; bottom: 0px; } .ico .st-arrow { fill: #55544F; -webkit-animation: scrolly 3s cubic-bezier(0.77, 0, 0.175, 1) forwards infinite; animation: scrolly 3s cubic-bezier(0.77, 0, 0.175, 1) forwards infinite; -webkit-perspective: 9000px; perspective: 9000px; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transform-origin: bottom; transform-origin: bottom; } .svg { z-index: 9; position: relative; } @-webkit-keyframes blob-1-anim { 0% { -webkit-transform: translateX(-50%) translateY(0); transform: translateX(-50%) translateY(0); } 14% { -webkit-transform: translateX(-50%) translateY(-8px); transform: translateX(-50%) translateY(-8px); } 24% { -webkit-transform: translateX(-50%) translateY(0); transform: translateX(-50%) translateY(0); } 100% { -webkit-transform: translateX(-50%) translateY(0); transform: translateX(-50%) translateY(0); } } @keyframes blob-1-anim { 0% { -webkit-transform: translateX(-50%) translateY(0); transform: translateX(-50%) translateY(0); } 14% { -webkit-transform: translateX(-50%) translateY(-8px); transform: translateX(-50%) translateY(-8px); } 24% { -webkit-transform: translateX(-50%) translateY(0); transform: translateX(-50%) translateY(0); } 100% { -webkit-transform: translateX(-50%) translateY(0); transform: translateX(-50%) translateY(0); } } @-webkit-keyframes blob-2-anim { 0% { -webkit-transform: scale(1) translate(-50%, 10px); transform: scale(1) translate(-50%, 10px); } 30% { -webkit-transform: scale(1) translate(-50%, 10px); transform: scale(1) translate(-50%, 10px); } 70% { -webkit-transform: scale(1) translate(-50%, 10px); transform: scale(1) translate(-50%, 10px); } 95% { -webkit-transform: scale(1) translate(-50%, 26px); transform: scale(1) translate(-50%, 26px); } 100% { -webkit-transform: scale(1) translate(-50%, 10px); transform: scale(1) translate(-50%, 10px); } } @keyframes blob-2-anim { 0% { -webkit-transform: scale(1) translate(-50%, 10px); transform: scale(1) translate(-50%, 10px); } 30% { -webkit-transform: scale(1) translate(-50%, 10px); transform: scale(1) translate(-50%, 10px); } 70% { -webkit-transform: scale(1) translate(-50%, 10px); transform: scale(1) translate(-50%, 10px); } 95% { -webkit-transform: scale(1) translate(-50%, 26px); transform: scale(1) translate(-50%, 26px); } 100% { -webkit-transform: scale(1) translate(-50%, 10px); transform: scale(1) translate(-50%, 10px); } } @-webkit-keyframes scrolly { 0% { -webkit-transform: translate3d(0, -150%, 0) rotateX(90deg) scale(0.5) skewX(3deg); transform: translate3d(0, -150%, 0) rotateX(90deg) scale(0.5) skewX(3deg); } 30% { -webkit-transform: translate3d(0, 0, 0) rotateX(0deg) scale(1) skewX(0deg); transform: translate3d(0, 0, 0) rotateX(0deg) scale(1) skewX(0deg); } 70% { -webkit-transform: translate3d(0, 0, 0) rotateX(0deg) scale(1) skewX(0deg); transform: translate3d(0, 0, 0) rotateX(0deg) scale(1) skewX(0deg); } 95% { -webkit-transform: translate3d(0, 50%, 0) rotateX(-90deg) scale(0.5) skewX(-3deg); transform: translate3d(0, 50%, 0) rotateX(-90deg) scale(0.5) skewX(-3deg); } 100% { -webkit-transform: translate3d(0, 50%, 0) rotateX(-90deg) scale(0.5) skewX(-3deg); transform: translate3d(0, 50%, 0) rotateX(-90deg) scale(0.5) skewX(-3deg); } } @keyframes scrolly { 0% { -webkit-transform: translate3d(0, -150%, 0) rotateX(90deg) scale(0.5) skewX(3deg); transform: translate3d(0, -150%, 0) rotateX(90deg) scale(0.5) skewX(3deg); } 30% { -webkit-transform: translate3d(0, 0, 0) rotateX(0deg) scale(1) skewX(0deg); transform: translate3d(0, 0, 0) rotateX(0deg) scale(1) skewX(0deg); } 70% { -webkit-transform: translate3d(0, 0, 0) rotateX(0deg) scale(1) skewX(0deg); transform: translate3d(0, 0, 0) rotateX(0deg) scale(1) skewX(0deg); } 95% { -webkit-transform: translate3d(0, 50%, 0) rotateX(-90deg) scale(0.5) skewX(-3deg); transform: translate3d(0, 50%, 0) rotateX(-90deg) scale(0.5) skewX(-3deg); } 100% { -webkit-transform: translate3d(0, 50%, 0) rotateX(-90deg) scale(0.5) skewX(-3deg); transform: translate3d(0, 50%, 0) rotateX(-90deg) scale(0.5) skewX(-3deg); } } </style>
×
×
  • Create New...