Archived topic
Header element in english page
9 replies · Started by Son on August 10, 2021
Hi.
I made a header for a spanish page with a simple tittle like this:
<h1 style="text-align: center; mix-blend-mode: normal; font-size: 45px;">MONOGRÁFICOS</h1>
Then I made the English version for that header and changed the title and rules like I did so many times:
<h1 style="text-align: center; mix-blend-mode: normal; font-size: 45px;">MONOGRAPHS</h1>
Well, the english page still shows the spanish title, even if I change the spanish text to another one, for example, MOUNTAINS, the English heading still shows MONOGRÁFICOS, no MONOGRAPHS or MOUNTAINS.
I tried to change the english text in another header exactly like this and it works, why doesn't it work this time?
Thank you so much.
Hi there,
Can you make sure the display rule locations are correct? Make sure the Spanish header element is assigned to the Spanish page, and English header element display rule location is set to the English page so they don't overlap. :D
And then make sure all forms of cache are purged (especially server cache if your server has one).
Yes, I am sure that the rule locations are correct and that each header element is mapped to its own language. And I've purged the cache like 20 times, just in case.
Anyway, I solved this problem by duplicating a similar header that is already working, making the necessary changes and renaming it and its English version, but this is not the way, I should be able to do it the normal way and I couldn't do it.
Since I have another similar problem with header elements on the same site, I would like to refer you to that.
I first tried with a more complex title on the site, one with code for animated text and a longer CSS that didn't work, I tried it first on a test site where I also have GP Premium, it worked, then I copied the code (and the CSS), I pasted it in the same site with the header issues and it didn't work.
Here the way I should see it (it's an animation):
https://u.cubeupload.com/konkeror/Rightone1.jpg
https://u.cubeupload.com/konkeror/Rightone2.jpg
Here the way I see it:
https://u.cubeupload.com/konkeror/Wrongone.jpg
I would appreciate any advice on what to do.
Thank you very much, Elvin.
Hi Son,
Any chance you can link us to the page in question?
You can use the private information field.
https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information
Let me know :)
Hi Ying.
Thanks for your answer.
I send to you both of the links, how it should work (on the test site) and how it is (on the main site).
On your main site, there's no related CSS added.
I copied the CSS from your testing site to your main site, it works:
https://www.screencast.com/t/heaR1E8AQR
If you've added the CSS to the main site but it still doesn't work, it's most likely a cache issue.
Clear cache and disable cache plugin to test.
Let me know :)
Hi Ying.
I don't know why you can't see the CSS, but it's there, I promise XD
I'd already disabled the cache plugin for testing and it didn't work.
I'm sending you some screenshots to show you how I see the CSS.
Thank you so much.
I can see the CSS, but the CSS is not working, so there might be an error in your CSS.
You can use a tool like this to check your CSS:
https://jigsaw.w3.org/css-validator/#validate_by_input
It's likely a closing bracket missing somewhere.
Hi Ying.
You were right, it was a problem with a closing bracket, just not in that CSS but in the previous one, I didn't realize it because it wasn't making a big difference being just a soft flicker effect.
Thank you so much for your answers and advice, this query can be considered solved.
Great! Glad you figured it out :)
And you are very welcome!
