I am trying to rewrite a site for a small client. This is how her current page looks in this section…..
[original])The theme on her old page uses this code to assign the font to the “em” tag….
em{
font-family:”Amalfi”;
font-style: normal;
}
I tried that but failed to get the desired result.
I am using a span tag to try and make those two words display using the Amalfi Coast (woff or woff2) font.
[can’t do it])I have been working on this one small thing for over 2 hours now. I have found 3 bugs in Elementor in the process.
I have deleted and reinstalled the Amalfi Coast font over and over.
I used Elementor Pro’s “Custom Fonts” menu item to install the font (several times).
In case this was an Elementor issue, I tried deleting it from Elementor’s “Custom Fonts” and using “@fontface” in the child theme’s CSS to import it but that too failed. (This is what makes me think it is a WordPress issue.)
I have tried creating a class and assigning the class to span.
I clear the browser cache after each change, before reloading the page to see if it worked.
I have disabled all caching plugins on the site (Breeze and Object Cache).
I uninstalled Redis out of an abundance of caution.
I even used a totally different browser that I keep just for testing (Firefox) and it actually looked WORSE…. How is that even possible?
The Firefox browser seemed to be showing old code (from an hour ago). Even after clearing its cache and trying its private mode it shows this….
​
[nope])But the code in Elementor looks like this….
​
[there is no \\”!important\\” in the code])I have no idea what is wrong or even where to look at this point.
All caching plugins (Breeze and Object Cache) were disabled. I uninstalled Redis completely from the Cloudways server. I have tried different browsers (with cache cleaning between reloads). I have tried incognito and privacy modes in Chrome and Firefox. I have restarted the server. I have deleted and reinstalled the fonts several times. I have skipped Elementor’s Custom Fonts and tried “@fontface” in the CSS code…..
What I do know is that this one tiny detail (important only to the website owner) is wasting a TON of my time. I also think there is something wrong with WordPress or with Elementor Pro. Something this simple (in concept) should not be this hard to do.
Contemplating a complete reinstall of WordPress and just starting over……
Have you had this issue before? How did you solve it?
[ad_2]
Redis was the one that killed me on this too. Even restarting didnt help, I had to delete the entire cache. Have you tried your phone without Wi-Fi?
I had a similar issue but with something in the header. This is what fixed it for me.
Try going to Elementor > Settings > CSS Print Method > Inline Embedding
Let me know if this worked.
UPDATE!!!!
I host this dev server through Cloudways (it is a Digital Ocean server). Cloudways has a new UI that they have been using for some time now that looks good but continues to disappoint and continues to cause lost time due to failures with it.
If you use Cloudways, my suggestion would be to stick with the old UI.
Cloudways has excellent tech support when you need them, but seeing as how their UI is the root of most of the problems, they really should help you when the new UI stabs you in the back.
This is only PART of the problem though. Now that the caching issue is solved (at least I hope it is) I still am not getting the font family change for those two words in the sentence I am trying to change.
I may just spin up Flywheel and see if the same issues crop up locally. If not, it’s time to leave Cloudways.