smgrant Posted May 26, 2020 Posted May 26, 2020 Site URL: https://caper-robin-ljl7.squarespace.com/strauss-reads I'm trying to customize the buttons on this pre-made blog homepage. It appears as if it's correct but I'm getting a strange black line under the Read More text (seems like a hyperlink line but it's not). Any ideas why this is happening? This is the code I'm using: .blog-more-link { background: linear-gradient(to right, #1c397d, #577edb) !important; padding: 10px 10px 10px 10px; width: 120px !important; color:#FFF; border-radius: 50px !important; color: #ffffff !important; font-weight: 200 !important; font-size: 14px !important; line-height: 25px; !important; font-style: bold !important; font-family: noto-sans, sans-serif !important; text-align: center !important; } .blog-more-link:hover{ box-shadow: 2px 2px 2px rgba(0,0,0,.5) !important; background: linear-gradient(to right, #1c397d, #1c397d, #122654); opacity: .8 !important; } a.blog-more-link { color: #ffffff !important; font-weight: 300 !important; font-size: 14px !important; line-height: 25px; !important; font-style: bold !important; text-decoration: none !important; font-family: noto-sans, sans-serif !important; } URL:https://caper-robin-ljl7.squarespace.com/strauss-reads PW: sqbebop6389
Recommended Posts
Archived
This topic is now archived and is closed to further replies.