Title: Tip – Change radius button CSS for excerpts
Last modified: August 22, 2016

---

# Tip – Change radius button CSS for excerpts

 *  [stevegossett64](https://wordpress.org/support/users/stevegossett64/)
 * (@stevegossett64)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/tip-change-radius-buttond-css/)
 * I didnt like the blue radius buttons so I changed the CSS to be more inline with
   the theme colors. Enjoy.
 *     ```
       /* Readmore */
       a.readmore, a.more-link {
       	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
       	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
       	box-shadow:inset 0px 1px 0px 0px #ffffff;
       	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
       	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
       	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
       	background-color:#ededed;
       	-webkit-border-top-left-radius:6px;
       	-moz-border-radius-topleft:6px;
       	border-top-left-radius:6px;
       	-webkit-border-top-right-radius:6px;
       	-moz-border-radius-topright:6px;
       	border-top-right-radius:6px;
       	-webkit-border-bottom-right-radius:6px;
       	-moz-border-radius-bottomright:6px;
       	border-bottom-right-radius:6px;
       	-webkit-border-bottom-left-radius:6px;
       	-moz-border-radius-bottomleft:6px;
       	border-bottom-left-radius:6px;
       	text-indent:0px;
       	border:1px solid #dcdcdc;
       	display:inline-block;
       	color:#777777;
       	font-family:arial;
       	font-size:15px;
       	font-weight:normal;
       	font-style:normal;
       	height:29px;
       	line-height:29px;
       	width:109px;
       	text-decoration:none;
       	text-align:center;
       	text-shadow:1px 1px 0px #ffffff
       }
       a.readmore:hover, a.more-link:hover {
       	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
       	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
       	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
       	background-color:#dfdfdf;
       }
       ```
   

The topic ‘Tip – Change radius button CSS for excerpts’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/clean-retina/3.0.9/screenshot.
   png)
 * Clean Retina
 * [Support Threads](https://wordpress.org/support/theme/clean-retina/)
 * [Active Topics](https://wordpress.org/support/theme/clean-retina/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/clean-retina/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/clean-retina/reviews/)

## Tags

 * [button css](https://wordpress.org/support/topic-tag/button-css/)

 * 0 replies
 * 1 participant
 * Last reply from: [stevegossett64](https://wordpress.org/support/users/stevegossett64/)
 * Last activity: [11 years, 5 months ago](https://wordpress.org/support/topic/tip-change-radius-buttond-css/)
 * Status: not resolved