Change Color of "Continue Reading" and "View Full Post" buttons
-
Is there anyway to change the color of the buttons that say “Continue Reading” and “View Full Post” to red?
Blue doesn’t fit with my color scheme.
This page might help you:
https://forum.graphene-theme.com/topic/modify-sprite_masterpng
Also see here:
https://forum.graphene-theme.com/topic/how-to-modify-the-theme-using-a-child-theme
So far, I haven’t found clear instruction on how to make color changes to the menu/slider.
It looks like this guy was able to make the change:
I don’t know how he changed them to silver on his site, but so far changing the sprite colors hasn’t worked for me.
Thanks I figured it out. I inserted this code into the Custom CSS section of the Graphene Display Options
.block-button,
.block-button:visited {
background: url(images/bg-block-button.png) left bottom repeat-x #660000;
background: -moz-linear-gradient(#cc0000, #660000);
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#cc0000), to(#660000));
background: linear-gradient(#cc0000, #660000);
border: 1px solid #cc0000;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 0 5px #555;
-webkit-box-shadow: 0 0 5px #555;
box-shadow: 0 0 5px #555;
color: #fff;
cursor: pointer;
display: block;
float: right;
font: bold 12px arial;
margin: 10px 5px 5px;
padding: 5px 15px 6px;
position: relative;
text-decoration: none;
text-shadow: 0 -1px 1px #444;
}
.block-button:hover {
background: url(images/bg-block-button-hover.png) left bottom repeat-x #460000;
background: -moz-linear-gradient(#460000, #cc0000);
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#460000), to(#cc000));
background: linear-gradient(#460000, #cc0000);
color: #fff;
cursor: pointer;
text-decoration: none;
}schmidtysays – you are the best! Thanks so much. I’ve tried every way possible to change my view post button to red. Your code did the trick! Thanks!
Cynthia
Viewing 6 posts - 1 through 6 (of 6 total)
- You must be logged in to reply to this topic.