Format Read More Tag

[Anonymous]

How can I style the Read More tag on the posts page to be displayed as a button similar to your Future theme (rather than a text link)?? Thanks for your assistance..

[admin]

Hello,
Future WordPress theme is using Bootstrap classes to style the button. You may try the following code to have button like appearance in Contango,

File: style.css
L#: ~1102
Section: =Entry More Link

span.more-link-wrap {
display: block;
margin: 20px 0 0 0;
}

a.more-link,
a.more-link:visited {
display: inline-block;
margin-bottom: 0;
font-weight: normal;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 6px 12px;
font-size: 14px;
line-height: 1.538461538;
border-radius: 4px;
color: #ffffff;
background-color: #e21c2b;
border-color: #cb1927;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: no;
}

a.more-link:hover,
a.more-link:focus,
a.more-link:active {
color: #ffffff;
background-color: #be1824;
border-color: #95121c;
}[/CODE]

Enjoy![CODE]span.more-link-wrap {
display: block;
margin: 20px 0 0 0;
}

a.more-link,
a.more-link:visited {
display: inline-block;
margin-bottom: 0;
font-weight: normal;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 6px 12px;
font-size: 14px;
line-height: 1.538461538;
border-radius: 4px;
color: #ffffff;
background-color: #e21c2b;
border-color: #cb1927;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: no;
}

a.more-link:hover,
a.more-link:focus,
a.more-link:active {
color: #ffffff;
background-color: #be1824;
border-color: #95121c;
}[/CODE]

Enjoy!

[Anonymous]

Thanks – an elegant upgrade!

[admin]

Thanks for the feedback.

[Author]

Posts