The "Read More" Link CSS

CSS design code finished example of an altered "Read More" link on Squarespace | GoffCreative.com

TEMPLATE USED: Pacific
INSERT POINT: DESIGN tab » CUSTOM CSS

//in-blog READ MORE button text
p.entry-more-link {
  text-align: center !important;
  font-size: 18px !important;
  width: 100% !important;
  text-transform:uppercase;
  font-weight: 600 !important;
  float: none;
  display: block;
}

p.entry-more-link a {
  background-color: none  !important;
  border: 3px solid #278ab4;
  box-shadow: 0px 0px 0px #808080;
  border-radius: 3px;
  color: #278ab4 !important;
  float: none;
  margin-bottom: 40px !important;
  margin-top: 0px !important;
  padding: 12px 36px;
}


p.entry-more-link a::after { 
  display:none; }

p.entry-more-link a:hover { 
  box-shadow: none; 
  background-color: #278ab4 !important; 
  color:#fff !important; }

p.entry-more-link a::before { 
  content: "READ THIS POST"; 
  background-color: transparent !important; }