Return to previous page

How can i highlight the location of menu item like in screenshot?

This topic has 7 replies, 2 voices, and was last updated 1 years, 7 months ago ago by syndr0me

syndr0me

Participant

March 13, 2023 at 01:01

Hi,
how can i highlight the location of menu item like in screenshot? https://ibb.co/PtxKGVT

Now only bold text is expected.

But I would like it highlighted with a colored background in addition to the bold font. see the screenshot: https://ibb.co/PtxKGVT

Thanks a lot

#349780 Copied Theme version: 9.0.4 WooCommerce version: 7.4

6 Answers

Tony Rodriguez

Support staff

March 13, 2023 at 05:50

Hello @syndr0me,

We would be very appreciative if you could provide us with the login credentials for your website under the private content area of this topic. This will allow us to access your live website and provide you with a customized solution that meets your requirements.

Moreover, it would be incredibly helpful if you could also provide us with the page URL where the menu is located. This will assist us in gaining a comprehensive understanding of the issue at hand and enable us to deliver a prompt and effective resolution to you.

Thank you for your consideration.

Best Regards,
8Theme’s Team

#349788 Copied

syndr0me

Participant

March 13, 2023 at 16:51

Hi,
i send you in private area

Please contact administrator
for this information.

#349890 Copied
Tony Rodriguez

Support staff

March 14, 2023 at 05:54
Hello @syndr0me,

Unfortunately, there is no available option in the theme to achieve this, so it can only be done using Custom CSS. Please try copying and pasting the following CSS code into XStore >> Theme Options >> Theme Custom CSS >> Global CSS and then clear your browser cache to see the changes.
```
.sidebar-widget ul li>ul.children li:hover {
    background-color: #FD6900 ;
}
.sidebar-widget ul li>ul.children li:hover a{
    color: #fff ;
}
```
Regards,
8Theme’s Team
#349920 Copied
syndr0me

Participant

March 14, 2023 at 09:25

Thanks a lot!
Can i fixed “backgroud-color” when the link is active and not only hoover?

#349938 Copied
Tony Rodriguez

Support staff

March 14, 2023 at 09:56
Hello @syndr0me,

We kindly request that you copy and paste the following CSS code into XStore >> Theme Options >> Theme Custom CSS >> Global CSS. After doing so, please clear your browser cache and check back to your site.
```
.sidebar-widget ul li.current-cat {
    background-color: #FD6900 !important;
}
```
Best Regards,
8Theme’s Team
#349943 Copied
syndr0me

Participant

March 14, 2023 at 12:33

Thank you for all

#349960 Copied
Tagged: highlight, location, menu-item, screenshot, themes, woocommerce, wordpress
Viewing 7 results - 1 through 7 (of 7 total)

The issue related to '‘how can i highlight the location of menu item like in screenshot?’' has been successfully resolved, and the topic is now closed for further responses

How can i highlight the location of menu item like in screenshot?

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection