-
Hey,
when I have PolyLang activated, my overall site CSS completely changes. For example, usually I have a green background which goes to white when the plugin is activated. However, when I deactivate the PolyLang plugin, everything works as always.
Please note that the content of the page is constant, it’s just that the overall CSS seems to change.
Any idea what might be the issue?
-
Hi there,
I’m not sure, can I see the page with and without Polylang?
-
Here’s the navigation bar and the hero part with Polylang: https://postimg.cc/0M7F54LP
Without PolyLang, the navigation bar is in different color and you can actually see different navigation text that leads to other pages of the website. Also, the hero part has a background image below which is now not visible.
-
Can I see the actual page instead of a screenshot?
-
Sure, here’s the link: https://wordpress-1384654-5122659.cloudwaysapps.com/
-
I do not see extra CSS that’s affecting the header area.
But if you are using Solar template, you should have a header element which merges the header area with the content area, and also a layout element that sets the homepage to full width.
Can you go to appearance > elements, check if the 2 elements are active?
https://app.screencast.com/ouAKbvMEaq5Dm -
Thank you for the tip, I believe that the issue is actually in the “Elements” part, but because of the “language selection” on the right:
https://i.postimg.cc/pX8YftML/image.png
I feel it should have the other flag, and not the English one as English is not the main language? How do I change it as “quick edit” didn’t provide this option as it does for “Pages”?
-
Hi there,
The option should be available in Elements’ Quick Edit settings as well: https://cln.sh/9401Zg0z
-
Thank you, that’s exactly what I was looking for. 🙂
Sadly, when I switch now to the English language, all the “Elements” don’t apply any CSS properties to the English variant of the website?
A workaround I’ve found is to duplicate all “Elements” for the English language, but I’m wondering is the best practice?
I’m okay with that initial manual effort as it will take me approx. 5-10 minutes, but I’m worried long term about the following:
– Synchronization Problems: Every time I update a page, post, or element in one language, I’ll need to remember to replicate the changes in the other language. Forgetting to do so can lead to inconsistencies between the two versions.
– Higher Risk of Errors: Maintaining two separate versions of everything increases the chances of mismatches or mistakes, such as broken layouts, untranslated strings, or forgotten updates.
– Scalability Challenges: As my website grows with more content or functionality, managing duplicated pages or elements can become exponentially harder. -
Hi there,
polylang to elements is the same as it is to posts. So you have to have one element for each language – or if you have the Polylang Pro there is an option to “Ignore Languages” and then the element will get served to all versions of the post.
- You must be logged in to reply to this topic.