How to change Payment default color & add card options

This topic has 10 replies, 3 voices, and was last updated 6 years, 10 months ago ago by Rose Tyler

  • Avatar: civetcafe
    civetcafe
    Participant
    January 17, 2018 at 18:50

    Hello,
    I have quetions regarding the checkout page payment:
    1. I would like to change the “card option” color from black to its original colored icon.
    2. The text in the “PLACE ORDER” button, I would like to have the button color as #c68240 and text color as #44271e
    3. In the CVC box, I would like to create a link beside it “Where do I find this?”

    http://prntscr.com/i1su5h

    4. How can I translate the “empty cart” page? In the 8theme Options > E-commerce > Text for Empty cart, I can only input it’s empty cart for english. How about the “empty cart” for french version? I would like to input another picture and text with french version. Thank you.

    Please, contact administrator
    for this information.
    9 Answers
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    January 18, 2018 at 10:59

    Hello,

    Your site does not work right because of WPML error. Please, inform us once you solve the problem with WPML. Then we’ll be able to help you with these questions.

    Regards

    Avatar: civetcafe
    civetcafe
    Participant
    January 19, 2018 at 14:02

    Hello,
    My website is back to normal.
    Will you be able to provide now the answer to my question above?
    Thank you so much.
    Cheers,
    Ana

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    January 19, 2018 at 18:46

    Hello,

    1) Are you talking about the cart icon in the header? You may use the following custom to change the color of this icon

    .shopping-container.ico-design-4.ico-bg-yes .cart-bag:before {
        color: #c78140;
    }

    2) Use

    .form-row.place-order input[type="submit"] {
        background-color: #c68240;
        color: #44271e;
    }
    .form-row.place-order input[type="submit"]:hover {
        background-color: #af7239 !important;
        border-color: #af7239 !important;    
        color: #f8f8f8;
    }

    3) It’s not our theme fields. Contact plugin author with this question.
    4) Use string translator http://prntscr.com/i2rmqf

    Regards

    Avatar: civetcafe
    civetcafe
    Participant
    January 19, 2018 at 19:30

    Hello.

    1. It is not the cart. I wanted the icon of the card to be colored and not black.
    http://prntscr.com/i2s8di

    2. The code is not working. http://prntscr.com/i2s8wt

    For the 3rd and 4th,
    Thank you.

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    January 20, 2018 at 00:21

    Hello,

    1) Oh, I see. These icons come from woocommerce-gateway-stripe plugin http://prntscr.com/i2w969 . Check the plugin settings if it has the option to change the color, our theme does not affect this.

    2) Check now.

    Regards

    Avatar: civetcafe
    civetcafe
    Participant
    January 21, 2018 at 17:33

    2. It was okay now. Thanks.

    1. It seems that their setting don’t have “colored option”. Anyhow, Thank you.

    Please close this topic. Is there anyway that we can close by myself the topic or the admin only have this option?

    Have a nice day.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    January 22, 2018 at 09:35

    Hello,

    Please check if you have “Close” option on the first message http://prntscr.com/i3t6ys

    Regards

    Avatar: civetcafe
    civetcafe
    Participant
    January 22, 2018 at 21:13

    Hello.
    I don’t have close button in the first message as well as all message.

    thank you.

    Regards,
    Ana

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    January 23, 2018 at 08:15

    Ok. I will close this topic.
    Have a nice day.

    Regards

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

The issue related to '‘How to change Payment default color & add card options’' has been successfully resolved, and the topic is now closed for further responses

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