Change or remove CSS using jQuery

Question

I am using elementor for one of the website and it generates following CSS

.elementor-3440 .elementor-element.elementor-element-8fae002 .elementskit-navbar-nav > li.current-menu-item > a {
    color: var( --e-global-color-accent );
}

when URL link have href="https://example.com/#menu"

and when URL link ishref="#menu" above mentioned CSS is not generate. It is creating design break for me as i need to use absolute url for links as i have to add new pages to website as before it was single page website.

I have tried to remove this CSS using following jQuery but it not working

$(".elementor-3440 .elementor-element.elementor-element-8fae002 .elementskit-navbar-nav > li.current-menu-item > a").css('color','');

I simply want to remove this css using jquery

.elementor-3440 .elementor-element.elementor-element-8fae002 .elementskit-navbar-nav > li.current-menu-item > a {
    color: var( --e-global-color-accent );
}

Does this answer your question? How to remove css property in jQuery — Fabian S.
– Fabian S., Commented Oct 26, 2021 at 5:49
what do you see in F12? maybe the style that you add override by the original one — לבני מלכה
– לבני מלכה, Commented Oct 26, 2021 at 5:57
i sdont see css value of jquery rather autogenerate css .elementor-3440 .elementor-element.elementor-element-8fae002 .elementskit-navbar-nav > li.current-menu-item > a { color: var( --e-global-color-accent ); } — Learning
– Learning, Commented Oct 26, 2021 at 5:58
maybe try to add class to this element and in css add to this class your wanted style(i think first try to console.log the element to see if you have any result maybe it does not find this element) — לבני מלכה
– לבני מלכה, Commented Oct 26, 2021 at 6:02

avia · Accepted Answer · 2021-10-26 05:46:50Z

0

Have you tried something like this:

$('.elementor-element-8fae002').css('color','initial');

answered Oct 26, 2021 at 5:46

avia

1,5939 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

8 Comments

avia Over a year ago

you can also use 'black' (or whatever other color you wish that element to have as a color)

Learning Over a year ago

I am already using blank it still take the value on main css defined in question

avia Over a year ago

Hm. Can you edit then the theme stylesheet using a child theme setup?

avia Over a year ago

Like just go and change that in the theme core CSS using a child theme, so your edits don't get wiped at theme update? I know it's hacky but it would work well i think.

Learning Over a year ago

Its is auto generate by Elementor cant change it, for this reason i am trying jQuery to target this css

|

Collectives™ on Stack Overflow

Change or remove CSS using jQuery

1 Answer 1

8 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

8 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related