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

tuanphan

Circle Member
  • Content Count

    12,536
  • Joined

  • Last visited

  • Days Won

    152

Everything posted by tuanphan

  1. Can you share link to homepage? We can check easier.
  2. Add to Home > Design > Custom CSS .homepage .gallery-fullscreen-slideshow[data-show-captions="true"][data-width="full-bleed"] { margin-bottom: 20px !important; }
  3. Add to Home > Design > Custom CSS @media screen and (max-width:640px) { .fb_dialog { bottom: 50pt !Important; } .fb-customerchat iframe { bottom: 90pt !important; } }
  4. Add to Home > Design > Custom CSS @media screen and (max-width:640px) { .ProductList-innerImageWrapper>img:first-child { opacity: 0 !important; } .ProductList-innerImageWrapper>img:last-child { opacity: 1 !important; } }
  5. Add to Home > Design > Custom CSS @media screen and (max-width:767px) { .list-grid .grid-item { float: none !important; width: auto !important; } .list-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); grid-row-gap: 10px; grid-column-gap: 10px; } }
  6. Where is text block? Can you take a screenshot?
  7. Add to Home > Design > Custom CSS .Index-page-content {padding-top: 1px !important; padding-bottom: 1px !important;}
  8. Add to Home > Design > Custom CSS .header-menu-nav-item a { padding-top: 1vw; padding-bottom: 1vw; }
  9. Add to Home > Design > Custom CSS .variant-select-wrapper select { padding: 10px; }
  10. Can you share link to page in screenshot?
  11. You need to compile HTMl/CSS. Add all below code to Code Block <base target="_blank"/> <ul> <li><a href="https://unsplash.com/photos/iuvLYv85r40"><img src="https://images.unsplash.com/photo-1471119017026-179f1bb0a70e?ixlib=rb-0.3.5&amp;ixid=eyJhcHBfaWQiOjEyMDd9&amp;s=c022be1f4d96b88d053b6874cd1df8f5&amp;auto=format&amp;fit=crop&amp;w=500&amp;q=60"/></a></li> <li><a href="https://unsplash.com/photos/voeDggfOgxc"><img src="https://images.unsplash.com/photo-1487744137800-5282ebdb0ba3?ixlib=rb-0.3.5&amp;ixid=eyJhcHBfaWQiOjEyMDd9&amp;s=65472c9ecf25616e0d5037e98795db37&amp;auto=format&amp;fit=crop&amp;w=500&amp;q=60"/></a></li> <li><a href="https://unsplash.com/photos/_M6gy9oHgII"><img src="https://images.unsplash.com/photo-1488161628813-04466f872be2?ixlib=rb-0.3.5&amp;ixid=eyJhcHBfaWQiOjEyMDd9&amp;s=8f9d47f8ca4f63a5c7035c2986cfd95e&amp;auto=format&amp;fit=crop&amp;w=500&amp;q=60"/></a></li> <li><a href="https://unsplash.com/photos/R1Ku62Z7zqE"><img src="https://images.unsplash.com/photo-1448376561459-dbe8868fa34c?ixlib=rb-0.3.5&amp;s=c20042d58b121e90f8b8de83253de4cb&amp;auto=format&amp;fit=crop&amp;w=500&amp;q=60"/></a></li> <li><a href="https://unsplash.com/photos/JN3XEQdLEss"><img src="https://images.unsplash.com/photo-1490905461158-067f4895ea9d?ixlib=rb-0.3.5&amp;ixid=eyJhcHBfaWQiOjEyMDd9&amp;s=ec12d476aa884c9ff23d2169cc359a09&amp;auto=format&amp;fit=crop&amp;w=500&amp;q=60"/></a></li> <li><a href="https://unsplash.com/photos/j4nBSqFf08U"><img src="https://images.unsplash.com/photo-1468818461933-b1d79f62434e?ixlib=rb-0.3.5&amp;ixid=eyJhcHBfaWQiOjEyMDd9&amp;s=8d34ef5dba728dc836a9f60a2034c912&amp;auto=format&amp;fit=crop&amp;w=500&amp;q=60"/></a></li> </ul> <style> body { display: flex; justify-content: center; align-items: center; min-height: 100vh; overflow: hidden; } ul { width: 70vmin; height: 70vmin; position: relative; } li { /* |a|d|a| ------- - |/ \| | 0.5h |\ /| ^ ------- | w | a = 0.5h/tan60 = 0.28867513459h d = 0.5h/sin60 = 0.57735026919h w = a + d + a = 1.15470053838h [zoom out] |a|_d_| _____ _ /| \ / \ | ang=60_| \__d__/ \ | h \ / \ / | \_____|/| \_____/ _| a |--------| w */ --h: calc(100% / 3); --w: calc(1.15470053838 * var(--h)); --a: calc(0.28867513459 * var(--h)); --d: calc(0.57735026919 * var(--h)); height: var(--h); width: var(--w); position: absolute; } img { display: block; width: 100%; height: 100%; object-fit: cover; /* [clip-path coordinates] --A-F-- B|/ \|E coord. |\ /| A(a/w, 0) --C-D-- B(0, 50%) C(a/w, 100%) D(100% - a/w, 100%) E(100%, 50%) F(100% - a/w, 0) where a/w = 0.24999999999 */ --aw: 24.99999999999%; clip-path: polygon( var(--aw) 0, 0 50%, var(--aw) 100%, calc(100% - var(--aw)) 100%, 100% 50%, calc(100% - var(--aw)) 0 ); } li:nth-of-type(1) { left: calc(50% - var(--a) - var(--d) * 0.5); top: 0; } li:nth-of-type(2) { left: calc(50% - var(--a) * 2 - var(--d) * 1.5); top: calc(var(--h) * 0.5); } li:nth-of-type(3) { left: calc(50% - var(--a) * 2 - var(--d) * 1.5); top: calc(var(--h) * 1.5); } li:nth-of-type(4) { left: calc(50% - var(--a) - var(--d) * 0.5); top: calc(var(--h) * 2); } li:nth-of-type(5) { left: calc(50% + var(--d) * 0.5); top: calc(var(--h) * 0.5); } li:nth-of-type(6) { left: calc(50% + var(--d) * 0.5); top: calc(var(--h) * 1.5); } /* style */ ul { filter: drop-shadow(0 0 10px hsla(0, 0%, 0%, 0.3)); } li:hover { filter: drop-shadow(0 0 10px powderblue); z-index: 10; } /* anim */ ul { animation: r 4s forwards; } @keyframes r { from { transform: rotate(180deg); } to { transform: rotate(0); } } li { animation: ir 4s forwards; } @keyframes ir { from { transform: rotate(-360deg); } to { transform: rotate(0); } } </style>
  12. edit this p { text-align: center; font-size: 40px; margin-top: 0px; } to p#demo { text-align: center; font-size: 40px; margin-top: 0px; }
  13. Can you take a screenshot/link to your site?
  14. Add to Home > Design > Custom CSS div#block-yui_3_17_2_1_1594977105705_12297 .image-slide-title { overflow: visible !important; white-space: initial !important; line-height: 18px; }
  15. Can you share link to page in screenshot? We can help easier.
  16. Add to Home > design> Custom CSS @media screen and (min-width:768px) { .header-actions-action--social { display: none !important; } } /* social icons size */ .header-menu-actions a { width: 10px; }
  17. Add to Home > Design > Custom CSS .header-actions a { font-family: 'SILVERSOUTHSCRIPT'; }
  18. Can you share link to page where you use summary block? I can check easier. Hi. Have you solved it yet?
  19. First, you need to bold the Joine the troop text, then add this to Home > Design > Custom CSS div#block-yui_3_17_2_1_1594496912652_8577 h4 strong { font-size: 10px; font-weight: normal; }
  20. can you share link to page where you use slideshow? We can check easier.
×
×
  • Create New...