Changing the color of the 'view post' button.

  • Ricardo

    #824

    How do I change the color of the blue ‘view post’ button in the slider?

    deborah

    #13681

    Look in the style.css … search for the word “gradient”. That will show you all of the places where the colors need to be changed. Make your change in a child-theme.

    If you don’t know how to do a child theme, search here there are a lot of posts on the subject.

    Good luck.

    Kim

    #13682

    Here are my gray colors 🙂

    .block-button, .block-button:visited {
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    border: 0px solid #CCCCCC;
    display:block;
    font:bold 12px arial;
    text-decoration:none;
    padding:5px 15px 6px 15px;
    color:#FFFFFF;
    text-shadow:0 -1px 1px #000000;
    margin-top:10px;
    position:relative;
    float:right;
    -moz-box-shadow: 0 0 0px #333333;
    -webkit-box-shadow:0 0 0px #333333;
    box-shadow:0 0 0px #333333;
    background:#afaeae;
    background: -moz-linear-gradient(#afaeae, #6E6E6E) repeat scroll 0 0 transparent;
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(#afaeae), to(#6E6E6E));
    background:linear-gradient(#afaeae, #6E6E6E);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#afaeae', endColorstr='#6E6E6E'); /* for IE */
    -pie-background: linear-gradient(#afaeae, #6E6E6E);
    }

    .block-button:hover{
    text-decoration:none;
    color:#FFFFFF;
    cursor:pointer;
    background:#D4D4D4;
    background:-moz-linear-gradient(#D4D4D4, #737373);
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(#D4D4D4), to(#737373));
    background:linear-gradient(#D4D4D4, #737373);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D4D4D4', endColorstr='#737373'); /* for IE */
    -pie-background: linear-gradient(#D4D4D4, #737373);
    }

    Kim

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

You must be logged in to reply to this topic.