WooCommerce “My Account Page”

Hello, I’m designing a website for an ecommerce business, and I’m needing some help on the My Account page. The issue I’ve run into is that I can’t change the color of the wording/buttons on the order and download pages. The account info page is correct, but when I take away the grey background, you can’t see the white text, and the button needs to be changed.

Attachments:

You must be logged in to view attached files.

Hello,

Can you please share the page URL I will check and give you a possible solution.

Best Regards.

Apologies. Here it is the specific page https://kmrdisplays.com/my-account/orders/

Website is: https://kmrdisplays.com

Hello,

Please try to use the below custom CSS code and paste it to Theme Settings > Custom CSS > Global Custom CSS:

div.wc-block-components-notice-banner>div .button.wc-forward:hover {
    color: blue !important;
    border-color: red;
}
body.e-wc-info-notice .woocommerce-info .button, body.e-wc-info-notice .wc-block-components-notice-banner.is-info .button {
    background-color: red !important;
}

div.wc-block-components-notice-banner>.wc-block-components-notice-banner__content {
color: #090909;
}

Change the color as per your requirements.

Best Regards.

Thanks so much for the code! That seemed to fix it. Last thing… Is it possible to make the elements the entire width of the container? Right now its shifted off to the left like the photo.

Hello,

Please add the following Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:

body.e-wc-info-notice .woocommerce-info, body.e-wc-info-notice .wc-block-components-notice-banner.is-info {
    left: 130px;
}

Best Regards.

Awesome! Last question I think I have:

I need to edit the WooCommerce thank you/after checkout page. I made a page in Elementor, but when I set the page as the WooCommerce Product Summary via Elementor, I get “You must call “the_content” function in the current template, in order for elementor to work on this page” as shown in the photo. I’d like to use Elementor’s product summary widget for this page, but it seems the theme completely overrides the Elementor page. How do I create a custom after checkout page?

The URL is https://kmrdisplays.com/checkout/order-received/

Attachments:

You must be logged in to view attached files.

Hello,

Navigate to Theme Setting > Shop > Thankyou page > Check the default thank you page or you can add the extra content for the thank you page in the form of text and HTML Block.

If you have any questions feel free to contact us.

Best Regards.

[Author]

Posts