Return to previous page

Trying to change the color of the custom menu link to red

This topic has 7 replies, 2 voices, and was last updated 5 months, 3 weeks ago ago by Tony Rodriguez

Incanda

Participant

May 27, 2024 at 10:03

Hi there!

I am trying to change the color of a custom link in my menu to red but I think my css is wrong. I am using this:

.menu-item-129774 a {
color: #D30000 !important;
font-weight:900 !important;
}

Can you please help with what I am doing wrong?

Files is visible for topic creator and
support staff only.

#396780 Copied Theme version: 9.3.10

6 Answers

Incanda

Participant

May 27, 2024 at 10:31

Hi

I’ve also tried this css but to no avail:

.header-main-menu.et_element-top-level.menu.menu-item-129774 a {
color: #D30000 !important;
font-weight:900 !important;
}

#396785 Copied

Tony Rodriguez

Support staff

May 27, 2024 at 11:55

Hello, @Incanda,

Thank you for contacting us and for using XStore.

Upon reviewing the CSS you provided, it appears to function correctly on the front end of your website. However, it seems it may not have been inserted in the correct location. We recommend that you add the following CSS into the path: Xstore > Theme Options > Theme Custom CSS > Global CSS. We trust this will resolve the issue.

Additionally, as your site utilizes Cloudflare CDN, please ensure that you clear the cache from Cloudflare and then check the website again using a fresh browser session.

Should the issue persist, we kindly request that you provide us with your site’s wp-admin access credentials in the designated private content area. This will allow us to review your settings thoroughly and provide you with the most accurate support.

We kindly recommend that you take a complete backup of your site before proceeding.

Thank you for your cooperation. We look forward to assisting you further and hope to hear from you soon.

Best regards,
The 8Theme Team

#396793 Copied

Incanda

Participant

May 27, 2024 at 12:03

Hi Tony

Thanks for the reply. I added the css as you suggested, but now all the mega-menu items are red as well. Is there a way that only the word “SALE” can be red? See screenshot.

Thank you!

Files is visible for topic creator and
support staff only.

#396795 Copied
Tony Rodriguez

Support staff

May 27, 2024 at 12:47
Hello, @Incanda,

Thank you for your response.

We would like to request an update to the CSS code for a specific menu link on your website to ensure it aligns with the intended styling for sale items. Please replace the existing CSS code for the menu item with the following:

Current CSS:

.menu-item-129774 a {
color: #D30000 !important;
font-weight: 900 !important;
}

Updated CSS:
```
.menu-item-129774 .item-link {
    color: #D30000 !important;
    font-weight: 900 !important;
}
```
This modification will change the color of the sale menu link to red, highlighting it appropriately. You can preview the expected result by visiting this link: https://paste.pics/edit/R1N6F

Should you require any further assistance or have any questions regarding this update, please do not hesitate to contact us. We are committed to providing you with the necessary support.

Kind regards,
The 8theme Team
#396805 Copied
Incanda

Participant

May 27, 2024 at 13:24

Thank so much – that worked! 🙂

#396812 Copied

Tony Rodriguez

Support staff

May 27, 2024 at 13:27

Hello, @Incanda,

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

#396813 Copied
Tagged: change menu link color, customize woocommerce menu, red color menu link, woocommerce red link, woocommerce wordpress templates, wordpress menu customization
Viewing 7 results - 1 through 7 (of 7 total)

The issue related to '‘Trying to change the color of the custom menu link to red’' has been successfully resolved, and the topic is now closed for further responses

Trying to change the color of the custom menu link to red

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection