Jump to content

Customizing Buttons on Squarespace - CSS

Recommended Posts

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

Screen Shot 2020-05-26 at 4.20.47 PM.png

Link to comment
  • Replies 0
  • Created
  • Last Reply

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.