Advertisement
briank

Kartra Linked, Dual-Resolution Membership Logos

Mar 15th, 2021 (edited)
2,811
1
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 1.63 KB | None | 1 0
  1. <!-- The following label is an editing aid and will not appear in live -->
  2. <p>Linked Dual-Resolution Membership Logos</p><!-- membership-dual-resolution-logos -->
  3. <script>if ('app.kartra.com' !== location.hostname) {
  4. var logoLink = 'https://www.kpowertools.com/'; // Logo link URL or empty string ('')
  5. document.currentScript.parentElement.parentElement.style.display = 'none';
  6. if (logoLink) { // First line of logo-link block
  7.     // Block can be eliminated if you don't want linked logos
  8.     var img = document.getElementById('image_logo'), a = document.createElement('a');
  9.     a.href = logoLink;
  10.     a.style.display = 'inline-block';
  11.     a.style.width = a.style.height = '100%';
  12.     img.replaceWith(a);
  13.     a.appendChild(img);
  14. } // Last line of logo-link block
  15. }</script>
  16. <style>/* First line of dual-logo block */
  17. /* Block can be eliminated if you don't want dual logos */
  18. .navbar-header img { display: none; }
  19. /* Supply URL for image 1-312 px wide by 60 px high */
  20. .navbar-header { background-image: url('https://res.cloudinary.com/kcsg/image/upload/v1615840521/Kartra/kartranaut_logo-312x60_omunuz.png'); background-repeat: no-repeat; min-width: 312px; height: 60px; }
  21. .navbar.navbar-kartra .col-4 { width: 342px; }
  22. @media (max-width: 649px) {
  23. /* Supply URL for image 1-208 px wide by 40 px high */
  24. .col-4 .navbar-header { background-image: url('https://res.cloudinary.com/kcsg/image/upload/v1615840151/Kartra/kartranaut_logo-208x40_icztxr.png'); width: 208px; height: 40px; }
  25. .navbar.navbar-kartra .col-4 { width: 238px; }
  26. }
  27. .flex_div .menu .navbar-header { position: relative; top: -10px; }
  28. </style><!-- Last line of dual-logo block -->
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement