1 hour ago · Culture · 0 comments

Hi fellow bloggers, I want to dedicate the banner position of my blog to Pride Month. If you want to do the same, here is how you can do it too (for BearBlog users): Add the HTML snippet into the header directive. You can also change the link and the message. Add the custom CSS to your BearBlog theme. Here, I used the font Fraunces, make sure that you have changed it accordingly. If you are not on BearBlog or have any questions, please don't hesitate to reach out. 🖖👽, Khoa. How to use<a class="pride-strip" href="https://www.thetrevorproject.org/pride/" target="_blank" rel="noopener noreferrer"> <div class="pride-strip__inner">I support Pride Month &rsaquo;</div> </a> /* ========== Pride Month Banner. Whoop! ========== */ .pride-strip { display: block; border-radius: 0; width: 100vw; position: relative; left: 50%; transform: translateX(-50%); background: linear-gradient(to right, #ffb3ba, #ffcba4, #fff3a3, #b5ead7, #a8d8f0, #c9b8f5, #f5b8d8 ); text-decoration: none; transition: opacity…

No comments yet. Log in to reply on the Fediverse. Comments will appear here.