faythemojo Posted January 3, 2022 Share Posted January 3, 2022 Site URL: http://www.raindropdm.com I wanted to add a Membership badge from my local chamber of commerce to the middle of my header but have not been successful. Any help is appreciated. Link to comment
tuanphan Posted January 4, 2022 Share Posted January 4, 2022 Badge, you mean an image/icon? Clickable or non-click? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
faythemojo Posted January 4, 2022 Author Share Posted January 4, 2022 Yes, I got a "membership badge" for joining my local Chamber of Commerce and looking to add it to the website in the middle of the header (also maybe change some of that black text to white while i'm at it). Link to comment
faythemojo Posted January 4, 2022 Author Share Posted January 4, 2022 Oh, and non clickable link since it's just a display to show I'm a part of it Link to comment
tuanphan Posted January 4, 2022 Share Posted January 4, 2022 26 minutes ago, faythemojo said: Oh, and non clickable link since it's just a display to show I'm a part of it This site is Business or Commerce Plan? Each plan will need a different solution Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
faythemojo Posted January 5, 2022 Author Share Posted January 5, 2022 I believe business. I don't have any commerce going through the website Link to comment
tuanphan Posted January 5, 2022 Share Posted January 5, 2022 8 hours ago, faythemojo said: I believe business. I don't have any commerce going through the website Add to Settings > Advanced > Code Injection > Footer <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script> $(document).ready(function() { $('<img class="header-badge" src="https://cdn.pixabay.com/photo/2020/12/18/13/05/christmas-5841992__340.jpg" alt="chamber-of-commerce"/>').insertBefore('.header-nav>div'); }); </script> <style> .header-nav { display: flex; align-items: center; justify-content: space-between; } img.header-badge { width: 100px; } </style> Replace pixbay image with new image url Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment