Here we attempt to style the read more link created using the M part of the format=
parameter to the bw_pages shortcode.
In this example we link back to ourselves.
So you’ll see this text twice.
[bw_pages exclude=-1 read_more="styled read more?" id=226 format=T/EM]
Styling the read_more link for bw_pages
Content not available; already processed.styled read more?
.button{
border-top: 1px solid #12136e;
background: #83a8c4;
background: -webkit-gradient(linear, left top, left bottom, from(#14185c), to(#83a8c4));
background: -webkit-linear-gradient(top, #14185c, #83a8c4);
background: -moz-linear-gradient(top, #14185c, #83a8c4);
background: -ms-linear-gradient(top, #14185c, #83a8c4);
background: -o-linear-gradient(top, #14185c, #83a8c4);
padding: 5px 10px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
box-shadow: rgba(0,0,0,1) 0 1px 0;
text-shadow: rgba(0,0,0,.4) 0 1px 0;
color: white;
font-size: 14px;
font-family: Helvetica, Arial, Sans-Serif;
text-decoration: none;
vertical-align: middle;
}
.button:hover {
border-top-color: #0f1778;
background: #0f1778;
color: #b5b5b5;
}
See also
- This post was created in response to http://wordpress.org/support/topic/art-button-css-not-woking-for-read-more-button
- [bw_css], [bw_pages]
hover to slideToggle source