• 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.