Change Color of "Continue Reading" and "View Full Post" buttons

  • schmidtysays

    #464

    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.

    http://schmidtysays.com

    Das Capitolin

    #12575

    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.

    Das Capitolin

    #12576

    It looks like this guy was able to make the change:

    https://forum.graphene-theme.com/topic/where-do-i-go-to-edit-the-slider-headline-color-and-the-post-headline-color

    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.

    schmidtysays

    #12577

    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;
    }

    Kim

    #12578

    Well it looks great from my Firefox 🙂

    I sometimes just Wonder if its working for all the IE versions out there.

    Kim

    cynthia

    #12579

    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

    http://www.redcarpetrollout.com

Viewing 6 posts - 1 through 6 (of 6 total)

  • You must be logged in to reply to this topic.