I will try to explain what is happening on my site sometimes. Have done some searching but can’t find it.
When you open the homepage the menu is out of the box that means that the header menu is vertical with all of its content, even the two pictures (news and sale) below eachother instead of next to eachother. Everything has the latest update and i am using elementor, which is not the cause of all this. I found some warnings in dev tool and its related to the webkit of astra . for example the box pack is deprecated. I guess that is the problem, because when i refresh my homepage everything is allright. So i want to change this webkit so i works properly. But i can’t find how to do it. I am not a professional but if someone could give me a hint? I would be thankfull.

I’ve been having trouble adding the stroke function to the Astra theme menu font.
I’ve tried adding CSS code below but I’m not sure what to reference as the class for the menu itself. If I do a heading e.g. H3 the code does work for other text, but I want it to be specific to the menu. I’m not sure how to inspect the element and find the specific menu to target or how to apply the code below to it.

Any help would be appreciated.

{
-webkit-text-stroke: 0.5px red;
}

Thanks!

We have a very strange problem. Safari fonts are all 25% enlarged!

The font sizes for normal paragraphs are set to “medium” which is by theme.json in the child theme set to 1rem (should be 16px, right?).

So this works in all browsers but Safari (and other webkit browsers it seems…).

The font-size as calculated in Safari is 20 px.

Inspecting the code gives me an override by means of:

var(–wp–preset–font-size–medium) !important.has-medium-font-size

But “medium” is globally set to 1rem (I also tried explicitly “16px”!) – this should be working as it does in all other browsers.

In the original theme.json which comes with twentytwentytwo the “medium” font-size is set to 1.125rem which should be 18px.

That’s why I suspect that the font-sizes defined in them.json get completely ignored by webkit browsers… ?!

BTW: the same 25% larger fonts globally to all fonts (p, h1, h2, …).

Any ideas?

Cheers, jhhh

button.pswp__button {
	box-shadow: none;
}

The content inside the popup gets blurry with desktop chrome. Is there a way to disable the blur effect that seems to be causing this?

How can this be done with a MathJax/Wordpress page?

Any partial ideas, even?

I need this:

link color: 3C78A7 – text decoration none
link visited color: 3C78A7 – text decoration none
link hover color: 7EB3DC – text decoration undeline

Thanks in advance.

The error displayed is
“There was an unknown error uploading the file.”

I have then tried to upload the exact same file on the exact same contact form via Edge and Firefox, and the form is being submitted as it used to on v4.7.

I have then tried to roll back to CF7 4.7, and guess what now the upload works on both Chrome and Safari.

How this issue can be browser-related goes beyond my imagination, but I thought you should be aware of this bug and hopefully you’are able to reproduce it and fix it