Buttons variations - by queenb123 - on WordPress WooCommerce support

This topic has 14 replies, 4 voices, and was last updated 9 years, 1 months ago ago by Robert Hall

  • Avatar: queenb123
    queenb123
    Participant
    March 12, 2015 at 21:29

    hi, is there a way for me to switch different types buttons, just so i can see what they all look like through the site, the filled buttons i have is ok, but i wanna tone down the pink on the site…

    13 Answers
    Avatar: stan
    Stan Russell
    Participant
    March 13, 2015 at 11:21

    Hello,

    unfortunately you can only use shortcodes for buttons from our demo:
    https://www.8theme.com/demo/woopress/fullwidth/?page_id=15811

    There is no option to configure shop buttons in our theme as they are set by woocommerce plugin.
    Sorry for inconvenience.

    Regards,
    Stan Russell.

    Avatar: queenb123
    queenb123
    Participant
    March 13, 2015 at 11:49

    no what i meant was how can i change the buttons i have now to other buttons such as filled not filled etc…

    Avatar: Eva
    Eva Kemp
    Support staff
    March 13, 2015 at 13:16

    Hello,

    Please specify what buttons you want to change and how.

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: queenb123
    queenb123
    Participant
    March 16, 2015 at 00:02

    i would like to change the “select options” button from filled to non filled button please?

    Avatar: Eva
    Eva Kemp
    Support staff
    March 16, 2015 at 12:18

    Hello,

    I’ve edited the code in custom.css and changed background color:

    a.btn.border-grey.product_type_variable {
      background-color: #fff;
      color: #f08397;
    }

    Do you want to change color when hovering the button?

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: queenb123
    queenb123
    Participant
    March 16, 2015 at 16:30

    sorry maybe i am not making myself clear…i wanted these buttons:

    Avatar: queenb123
    queenb123
    Participant
    March 17, 2015 at 16:12

    hello is anyone there?

    Avatar: queenb123
    queenb123
    Participant
    March 17, 2015 at 16:14

    can i just have the default buttons please?

    Avatar: Eva
    Eva Kemp
    Support staff
    March 17, 2015 at 17:07

    Hello,

    Please add this code in custom.css file:

    a.btn.border-grey.product_type_variable {
        background-color: #fff;
        border: 1px solid black;
    }

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: queenb123
    queenb123
    Participant
    March 18, 2015 at 17:57

    hi Eva,

    that worked but one more things please, the hover effect is now gone from the button, when the client click “select options” i need the button to have a hover colour background of black & the text to than change to #f08397, this is for the background hover only, not the main button as i like it the way it looks now.

    Avatar: Robert Hall
    Robert Hall
    Support staff
    March 18, 2015 at 18:14

    Hello,

    Please try to use this code in custom.css file.

    a.btn.border-grey.product_type_variable:hover{
    background:#000;
    color:#f08397;
    }

    Regards,
    Robert Hall.

    Avatar: queenb123
    queenb123
    Participant
    March 18, 2015 at 22:12

    perfect thank you!

    Avatar: Robert Hall
    Robert Hall
    Support staff
    March 18, 2015 at 22:43

    Hello,

    You’re welcome!

    Regards,
    Robert Hall.

  • Viewing 14 results - 1 through 14 (of 14 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.