Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 28, 2016 at 4:50 pm #692817
    fiachramccloskey

    Hi
    Usually we are quite happy with the standard enfold woo styling – however on this project the clients designer has specifically requested that the buttons be replace with the red and blue buttons as shown here://imgur.com/D56ua59 I have been trying all kinds of css as suggested on the forums but can get it to change the buttons anywhere close to what is requested the closest i can get is the background for both buttons as they seem to be handled together.

    Ideally i would like to replicate the mock but at a pinch if we could change the background for each button independently and respective hovers and the text

    Any help would be much appreciated
    Thanks
    fiachra

    September 28, 2016 at 6:05 pm #692834
    Yigit

    Hey Fiachra,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    a.button.ajax_add_to_cart {
    background: blue!important;
    padding: 5px!important;
    border-radius: 5px!important;
    color: white!important;
}
a.button.ajax_add_to_cart:hover {
    background: orange!important;
    color: green!important;
}
.button-mini-delimiter {
    display: none;
}
a.button.show_details_button {
    background: red!important;
    color: white!important;
    padding: 5px!important;
    border-radius: 5px!important;
}
a.button.show_details_button:hover {
    background: green!important;
    color: orange!important;
}

    Best regards,
    Yigit

    September 29, 2016 at 4:56 pm #693240
    fiachramccloskey

    Hey Yigit
    I was only telling somebody else the other day how good support was with enfold – and yet again you confirm it
    nice 1 Fiachra

    September 29, 2016 at 4:57 pm #693243
    Yigit

    Hey!

    You are welcome!
    For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
    For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)

    Regards,
    Yigit

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘styling of woo commerce buttons’ is closed to new replies.