Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
Sign in to follow this  
smgrant

Customizing Buttons on Squarespace - CSS

Question

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

Share this post


Link to post

0 answers to this question

Recommended Posts

There have been no answers to this question yet

Create an account or sign in to comment

You need to be a member in order to leave a comment

Sign in to follow this  

×
×
  • Create New...