Storefront Menu current item color isn’t working

Hello @esgj,

Try this

.menu .current-menu-item {
    background-color: #B1E4E0;
}

SYA ??

• This reply was modified 8 years, 4 months ago by LebCit.

This is what I’m using:

.current_page_item {
background:rgba(255,255,255,.2);
}

And where should I put this?

I think I have tried that.

Do you have a child theme? You need one, and then you’ll add that code into your child theme style.css file.

Is it located in c-panel or can I find it in my wordpress back end?

I was told that:

the corresponding formatting in style.css of your theme:

ul.menu li.current-menu-item > a {
color: #60646c; }

is overwritten by this style in thecustom.css file (https://artallure.com/wp-content/themes/storefront/custom.css):

.menuCustom ul li a {
color: #545454 !important;
font-weight: 500;
font-size: 14px;
padding: 3px 12px;
text-transform: uppercase;
display: inline-block;
width: 100%;
height: 100%;
}

Can you please explain to me exactly where cause I tried a few things and nothing works…

Thanks!

So it seems then that you are not running a child theme and are instead using a fully custom css file in the main theme (not sure how that was set up).

If you have FTP or CPANEL file manager access, you should be able to edit custom.css (in the path you wrote) and make the change you need.

Add this snippet of code to your custom.css file and you’ll get this result https://postimg.org/image/l3fvwanin/ then simply adjust color accordingly. (the .2 changes the transparency)

.current_page_item {
background:rgba(255,255,255,.2);
}

If you can’t manage to edit your custom.css file or don’t know how… do you know how to use Cpanel to upload a new file? If yes, then I can edit the custom.css for you and you can upload it.

Yes I can add or replace
Thank you for getting back to me!

It worked!!! Cool! How can I fix it to be the same exact color that I have when you go over with the mouse?

Use this code:

.current_page_item {
background:#B1E4E0;
}

(just change rgba(255,255,255,.2) to #B1E4E0)