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

tuanphan

Circle Member
  • Content Count

    11,434
  • Joined

  • Last visited

  • Days Won

    133

Everything posted by tuanphan

  1. Add to Home > Design > Custom CSS /* newer */ span.prev-label { visibility: hidden; } span.prev-label:before { visibility: visible; content: "New newer"; } /* older */ span.next-label { visibility: hidden; } span.next-label:before { visibility: visible; content: "New older"; }
  2. Add to Home > Design > Custom CSS .track-title a { color: red !important; } .track-progress-bar .bg.bar { background: red !important; } .track-time { color: Red !important; } .audio-player-icons-style-border .icon-wrapper .use-icon { fill: green !important; }
  3. Which heading? Can you take a screenshot?
  4. Add to Page Settings > Advanced > Header <style> #page section .section-background:after { background: rgba(255,255,255,0.75); content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 999; } #page section:hover .section-background:after { opacity: 0; } </style>
  5. Not related, but You can use this plugin to create accordion, easy to install/customize without coding skills.
  6. Image - text - text - image or image - text - image - text?
  7. sorry, missing your comment. You mean active link, hover link or? Add to Home > Design > Custom CSS a.Header-nav-folder-item:hover { background: black; color: white !important; } span.Header-nav-folder { padding: 0; } span.Header-nav-folder a { padding: 15px 5px; }
  8. Add this to page Settings > Advanced > header <style> copy above code </style>
  9. Add to Home > Design > Custom CSS [data-section-id="5ebbcdbe149c9d1f25f099fc"] .content-wrapper { max-width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; }
  10. Add to Home > Design > Custom CSS @media screen and (max-width:767px) { div#page-section-5e8bf20aa5424467c495ee1b>.row>.span-1 { width: 50% !important; margin-left: auto; margin-right: auto; } } If you want to align left logo, remove margin-left: auto & margin-right: auto
  11. You add an item between Press - Merch (you can enter anything) They will be: Tour - Press - ABCXYZ - Merch Then I will give the code to make ABCXYZ to break line to split navigation to 2 rows
  12. Add to Home > Design > Custom CSS body#collection-5eb9a0ccd4d3cc58981f8766 { border: 10px solid red; }
  13. Add this to Home > Settings > Advanced > Code Injection > Footer <a href="https://beaverhero.com" class="t-button">Button Text</a> and add this to Code Injection > Header <style> .t-button { display: inline-block; background: green; color: white; padding: 1em 2em; border-top-left-radius: 10px; border-bottom-left-radius: 10px; position: fixed; top: 50%; right: 0; } </style>
  14. Try adding to Home > Design > Custom CSS .Parallax-item:first-child .Index-page-image:before { background: transparent !important; }
  15. Add to Home > Design > Custom CSS .homepage .gallery-masonry { padding-top: 0; }
  16. Add to Home > Design > Custom CSS body#collection-5eb93d13b7a1f3362ce0f5da #page ul li { height: 40px; }
  17. Add to Home > Design > Custom CSS #grid .item.hovering .wrapper { opacity: 0 !important; }
  18. Add to Page Settings > Advanced > Header <style> /* categories */ .summary-metadata-container.summary-metadata-container--above-title a { font-weight: 500; font-family: proxima-nova; color: #000 !important; font-size: calc(-.24vw + 1rem); text-transform: uppercase; } /* title */ a.summary-title-link { font-size: calc(.96vw + 1rem); font-weight: 400; font-family: ltc-bodoni-175; line-height: 1.4em; letter-spacing: 0; } </style>
  19. If you can add text link in description, i can give code to break text in new line + convert to button.
  20. Add to Home > Design > Custom CSS .Footer-business-info>*:not(:first-child) { display: none; }
  21. Add to Home > Design > Custom CSS .homepage #page section p { visibility: hidden; } .homepage #page section:hover p { visibility: visible; }
  22. Add to Home > Design > Custom CSS .header-nav-folder-item { text-align: left; }
  23. Try inserting this code [href="/about-us"]+.Header-nav-folder { left: -100% !important; visibility: hidden !important; } [href="/about-us"]:hover +.Header-nav-folder { visibility: visible !important; }
×
×
  • Create New...