Return to previous page

Change Buttons font to uppercase and change breadcrumbs color.

This topic has 9 replies, 4 voices, and was last updated 6 months, 3 weeks ago ago by Andrew Mitchell

Elhadj07

Participant

July 30, 2024 at 12:29

Hello,

1 – I would like to change the font to uppercase on the following Buttons ( LOGIN; REGISTER; RETURN TO SHOP; RECENT ORDERS; ACCOUNT DETAILS; ADDRESSES; ADD ALL TO CART “from the wishlist page window” APPLY from wishlist page; I marked in red the Buttons mentioned here on the screenshots i have uploaded for your reference.

2 – I would like to change breadcrumb color of the wishlist page and the account page to #E7E7E7

I can’t find where to change it from.

Thanks very much!

Files is visible for topic creator and
support staff only.

#407834 Copied Theme version: 9.3.16

8 Answers
Rose Tyler

Support staff

July 30, 2024 at 15:25
Hello Elhadj07,

Thank you for reaching out to us.

1/ Theme Options > Styling > Typoghraphy settings for buttons.

2/ Custom CSS can be used to change the breadcrumb color of the wishlist page:

.woocommerce-wishlist .page-heading, .woocommerce-compare .page-heading, .woocommerce-account .page-heading { background-color: #E7E7E7; }

https://www.8theme.com/documentation/xstore/additional-customisation/optimal-placement-for-custom-css-code/

Best Regards,
8Theme’s Team
#407902 Copied
Elhadj07

Participant

July 30, 2024 at 16:09

Hi Rose,

Question 2 – the breadcrumbs background changed perfect!

The question 1 – I can’t find exactly from where I can change those buttons only to uppercase on typography.

3 – on my account page. I would like to change border radius of the borders on login and register to 5px I wrote on the screenshot for your reference.

Could you please send a screenshot to show where I can change it from ?

Thanks a lot

Please contact administrator
for this information.

Files is visible for topic creator and
support staff only.

#407921 Copied
Rose Tyler

Support staff

July 31, 2024 at 09:40
Hello Elhadj07,

We’ve changed Theme Options > Styling > Typography settings for buttons > Text Transform to Uppercase. Please check the result.

Please try to use this code to remove icons from buttons on My account page:

.MyAccount-dashboard-buttons .et-icon { display: none; }

https://www.8theme.com/documentation/xstore/additional-customisation/optimal-placement-for-custom-css-code/

To change the mentioned border-radius, edit your custom CSS code – https://gyazo.com/6289bae332a104555e3fcf5749e679a0 (Theme Options > Theme custom CSS > Global).

Best Regards,
8Theme’s Team
#408039 Copied
Elhadj07

Participant

July 31, 2024 at 12:22

Hi Rose,

I checked and Perfect! Thanks very much.

Other questions:

1 – on the my account page. The register button is not uppercase yet just the log in button. How can I change this as well to uppercase?

2 – still on my account page. How can I change the Add payment method button to uppercase as well ?

3 – On the wishlist page. How can I change blue background of the selected button to black #111111 ?

I have included screenshots for your reference.

Thanks very much for your support.

Files is visible for topic creator and
support staff only.

#408076 Copied

Jack Richardson

Support staff

August 1, 2024 at 14:02

Hello @Elhadj07,
Please, check now !
We made modifications in your custom CSS -> https://gyazo.com/facfa31f6e4f3ad5aedc7915cfba0770.
Kind regards, Jack Richardson

#408318 Copied

Elhadj07

Participant

August 1, 2024 at 14:44

Hi Jack,

Thanks very much!

Just 3 – left:
On the wishlist page. How can I change blue background of the selected button to black #111111 ?

Thanks for the support

Files is visible for topic creator and
support staff only.

#408332 Copied

Jack Richardson

Support staff

August 1, 2024 at 14:46

Hello @Elhadj07
No, it’s not possible, as the styling for these elements is handled by the user’s OS. MSDN will answer your question here: https://web.archive.org/web/20170528070441/http://msdn.microsoft.com/en-us/library/ms535877(v=vs.85).aspx
Kind regards, Jack Richardson

#408333 Copied

Andrew Mitchell

Support staff

August 1, 2024 at 15:37

Dear Elhadj07,

As we continue our mission to exceed expectations, your insights become increasingly valuable. Could we, with all due respect, request your thoughtful feedback by giving our theme a deserved 5-star rating on ThemeForest?

Click here to share your valuable perspective: https://themeforest.net/downloads

Your time and trust are highly appreciated!

Best Regards,
The 8Theme Team

#408346 Copied
Tagged: best selling woocommerce themes, change buttons font, custom breadcrumbs color, uppercase fonts woocommerce, woocommerce themes customization, woocommerce themes enhancement
Viewing 9 results - 1 through 9 (of 9 total)

The issue related to '‘Change Buttons font to uppercase and change breadcrumbs color.’' has been successfully resolved, and the topic is now closed for further responses

Change Buttons font to uppercase and change breadcrumbs color.

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection