WordPress.org

Forums

WooCommerce - excelling eCommerce
I want to change the colour of a few buttons... (2 posts)

  1. Red Fletcher
    Member
    Posted 1 year ago #

    Hi,

    Im a wordpress noobie. I want to change the colour of a few buttons and input boxes on my site. Namley:

    the drop down "sort by" menu in the shop,
    the "read more" links on each product thumbnail,
    the input fields on the contact me form.

    I'm using the woocommerce plug in and tempera theme

    My website: http://www.sacred-art.org

    thanks

    http://wordpress.org/plugins/woocommerce/

  2. Red Fletcher
    Member
    Posted 1 year ago #

    I've solved the "read more" colour priblem with the following put into the stylesheet:

    `a.button,
    .button.alt,
    .button,
    input.button,
    button.button,
    a.comment-reply-link,
    #commentform #submit,
    #btn-cart a,
    #btn-cart a span.btn-cart-inner {
    background:#339e78!important;
    background:-webkit-gradient(linear,left top,left bottom,from(#339e78),to(#27775b))!important;
    background:-webkit-linear-gradient(#339e78,#27775b)!important;
    background:-moz-linear-gradient(center top,#339e78 0%,#27775b 100%)!important;
    background:-moz-gradient(center top,#339e78 0%,#27775b 100%)!important;
    border-color:#1a513d!important;
    color:#e0f0ea!important;
    text-shadow:0 -1px 0 rgba(0,0,0,0.6)!important;
    }
    a.button:hover,
    .button.alt:hover,
    .button:hover,
    input.button:hover,
    button.button:hover,
    a.comment-reply-link:hover,
    #commentform #submit:hover,
    #btn-cart a:hover,
    #btn-cart a span.btn-cart-inner:hover {
    background:#339e78;
    background:-webkit-gradient(linear,left top,left bottom,from(#339e78),to(#20644c));
    background:-webkit-linear-gradient(#339e78,#20644c);
    background:-moz-linear-gradient(center top,#339e78 0%,#20644c 100%);
    background:-moz-gradient(center top,#339e78 0%,#20644c 100%);
    color:#f1fffb;
    text-shadow:0 -1px 0 rgba(0,0,0,0.6)
    }`

    Anyone know how to change the drop down menu for the "sort by" action in the shop?

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.