Styling the read_more link for bw_pages

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

hover to slideToggle source