themoonymarigold

@migaweb thanks for that!

@lianakap thank you.

I resolved the issue in any event. Many thanks.

So the solution to this, in case anybody has a similar issue, was that when I was using “inspect” to identify the class, I was using it within the customizer, which is usually fine, but which (in this particular instance) gave me the class of a.customize-unpreviewable. This worked within the customizer to change the appearance but did not exist on the live site. Finding the real class outside the customizer using inspect gave me the correct class and boom, problem solved.

So the solution to this, in case anybody has a similar issue, was that when I was using “inspect” to identify the class, I was using it within the customizer, which is usually fine, but which (in this particular instance) gave me the class of a.customize-unpreviewable. This worked within the customizer to change the appearance but did not exist on the live site. Finding the real class outside the customizer using inspect gave me the correct class and boom, problem solved.

@lianakap, similar to how the wordpress customizer has one global location (additional css) where all code is listed.

@lianakap Ah, I don’t think I phrased my question very clearly. I’m not asking you to provide custom code, I’m just wondering if there is a single location where I can view all the custom css that I have added. So if I wanted to look through my custom changes, instead of having to go click on each individual element and examine its code, I could view all the code added throughout all the different elements and pages in one spot. I thought this was more of a wordpress question but they suggested I ask you guys.

@t-p

Actually, so I’ve figured out that I can successfully change the color of this link on the live site by changing the primary global color setting in the customizer. I think this confirms that it is neither a caching issue nor an issue with some other code in Elementor or the customizer over-riding my new code. I’m at a loss for why I can’t update this, I think it must be the code I’m using or the class I’m targeting? I am a rookie developer/designer so that seems most likely. Any thoughts?

PS I don’t want to change the primary global color because it is linked to other items that I would like to remain that color AND more importantly it is the hover action that I’d like to tweak.

• This reply was modified 2 years, 4 months ago by themoonymarigold.

If I change the primary color global setting in the customizer this will change the color of the link, which confirms it’s not a caching issue nor a personal code over-ride issue. So why can’t I update this? I’m at a loss. I’d like to be able to change the hover actions, which I can’t do without CSS.

ah I will ask them, thank you.

@t-p Thanks for your your response! I tried flushing all the caches I knew how to, but no dice. If it were a cache issue would it be only this change which has persisted almost 4-5 days now? With literally no other issues with any other code?

I think it is likely some unknown added CSS override confusion. Is there any way to see all the custom CSS that I have added in Elementor?

Thanks so much in advance.

@t-p I think it’s fixed, thank you! It seemed to update on it’s own about a day later.

Hi @luciamarinescu, thanks for your response! But actually I’m having issues because I have been trying to set the margins using css and media queries (see the 2nd paragraph of the OP for more detailed context).

I’m not sure what I’m doing wrong. In Elementor Pro I use a 5% right, 5% left margin for 768px screen width and larger, 8% for mobile or less than 767px. For the life of me I can’t seem to replicate this in the wordpress customizer (using media queries and css) where I have to edit the header.

@luciamarinescu Thank you so much!!

RESOLVED: In case anybody else has this issue. I found that I needed to use Elementor Pro’s theme-builder to create a template as the button style of the menu was inherited from Elementor’s default button style.