Return to previous page

How to change line color under the categories on top menu

This topic has 11 replies, 3 voices, and was last updated 7 years, 8 months ago ago by Rose Tyler

mcew

Participant

February 24, 2017 at 15:52

How can I change the line color under the categories on the top menu of my website?

#155716 Copied

10 Answers

Rose Tyler

Support staff

February 24, 2017 at 16:00

Hello,

Could you please provide the link to your site and screenshot in Private Content for better understanding?

Regards

#155718 Copied

mcew

Participant

February 24, 2017 at 16:39

The website is currently on private mode https://mcew.co/product-category/men/

The issue is the line color is grey instead of red which occurs when i slide down. Check the link below.

http://tinypic.com/r/ogdqio/9

#155727 Copied

mcew

Participant

February 24, 2017 at 16:42

refer to this link for the problem…. http://imgh.us/screenshot_58.png

The line needs to be crimson, not grey.

#155728 Copied
Rose Tyler

Support staff

February 24, 2017 at 16:53
Hello,

Try to add this code in Custom css:
```
.menu-wrapper .menu > li.current-menu-item > a:after {
    background-color: crimson !important;
}
```
Regards
#155730 Copied
mcew

Participant

February 24, 2017 at 17:13

I put the code into the custom css file and it didn’t change anything.

The line under the current page menu item is still grey.

#155733 Copied

Rose Tyler

Support staff

February 24, 2017 at 17:49

Hello,

In this case, please provide wp-admin access in Private Content so we could check it.

Regards

#155738 Copied

Sandwich

Participant

March 2, 2017 at 14:00

I have the same problem…
copy your code to custom CSS and it’s not working.

Please, contact administrator
for this information.

#156085 Copied Theme version: 3.8.1 WooCommerce version: 2.6.14
Rose Tyler

Support staff

March 2, 2017 at 14:10
Hello,

Please, try this code:
```
.header-center .menu-wrapper .menu > li > a:after{
    background-color: crimson !important;
}
.header-center .menu-wrapper .menu > li.current-menu-item > a:after{
    background-color: crimson !important;
}
```
Regards
#156086 Copied
Sandwich

Participant

March 2, 2017 at 15:49

Thank you! it’s work!

#156111 Copied

Rose Tyler

Support staff

March 2, 2017 at 15:53

Hello,

You’re welcome!
We’re glad to hear that your issue was solved.
Have a nice day!

Regards

#156112 Copied
Viewing 11 results - 1 through 11 (of 11 total)