Zsofia Posted June 12 Posted June 12 Hi, I paid for Weglot translation and would like to change the language switcher to ONLY FLAG. I don't see that option in Squarespace. I can't edit the switcher, nor can use css code as it is through Squarespace. Please advise. I also would like to put the switcher to the FOOTER instead of HEADER. Thanks
tuanphan Posted June 13 Posted June 13 Can you share site url? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
Zsofia Posted June 20 Author Posted June 20 (edited) https://www.marellaexperience.com Edited June 20 by Zsofia
tuanphan Posted June 21 Posted June 21 You try contacting @Weglot Support. Or if you want to use CSS code to replace text with Flags. You can send me 3 Flags icon or url. I will give you CSS code. With move to footer, which exact position in footer? Or in bottom right of screen? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
Solution tuanphan Posted June 23 Solution Posted June 23 You can use this code to Website Tools (under Not Linked) > Custom CSS. html .language-item a { background-size: contain !important; background-repeat: no-repeat; background-position: left; color: transparent !important; margin-bottom: 5px; } /* english */ .language-item:nth-child(1) a { background-image: url(https://content.invisioncic.com/p289038/monthly_2024_06/united-kingdom.png.56bea46569b8cf952da547143cdd8e51.png) !important; } /* espanol */ .language-item:nth-child(2) a { background-image: url(https://content.invisioncic.com/p289038/monthly_2024_06/hungary.png.a1c6fa4c2543ce57bf70b8280d73cbc9.png) !important; } /* Magyar */ .language-item:nth-child(3) a { background-image: url(https://content.invisioncic.com/p289038/monthly_2024_06/spain.png.ff04833c6b510f9913679184657d8b50.png) !important; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
Zsofia Posted June 28 Author Posted June 28 Hi Tuan, Is it possible not to have a white background behind the flag icons?
tuanphan Posted July 1 Posted July 1 On 6/28/2024 at 5:36 PM, Zsofia said: Hi Tuan, Is it possible not to have a white background behind the flag icons? You can use this code under to remove white background. div.language-picker-content { background-color: transparent !important; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
Odysseus8t2 Posted September 27 Posted September 27 Hi, part of the question here was about placing the Weglot language picker in the footer. I simply can't find any way to remove it from the header and place it in the footer instead. Any help?
tuanphan Posted September 27 Posted September 27 8 hours ago, Odysseus8t2 said: Hi, part of the question here was about placing the Weglot language picker in the footer. I simply can't find any way to remove it from the header and place it in the footer instead. Any help? I think it should be an option in WeGlot, you try checking it there Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
Odysseus8t2 Posted October 2 Posted October 2 The thing is that there's no way to customize anything on Weglot since they now have an integration with Squarespace - on their "appearance and position" area everything is greyed it out and says "You are using the direct Squarespace integration. As a result, the language switcher is managed directly in your squarespace admin area."
tuanphan Posted October 3 Posted October 3 10 hours ago, Odysseus8t2 said: The thing is that there's no way to customize anything on Weglot since they now have an integration with Squarespace - on their "appearance and position" area everything is greyed it out and says "You are using the direct Squarespace integration. As a result, the language switcher is managed directly in your squarespace admin area." You can share site url, we can try CSS to move its position Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
Odysseus8t2 Posted October 3 Posted October 3 My site is not yet published so I don't think you can see it: https://violet-pepper-arjx.squarespace.com When I'm in the header I can easily add a language switcher from the "Add Elements" panel, but the footer only has access to the regular blocks. (See attached both examples) - All I want to do is use the Language Switch on the footer.
tuanphan Posted October 4 Posted October 4 On 10/4/2024 at 4:24 AM, Odysseus8t2 said: My site is not yet published so I don't think you can see it: https://violet-pepper-arjx.squarespace.com When I'm in the header I can easily add a language switcher from the "Add Elements" panel, but the footer only has access to the regular blocks. (See attached both examples) - All I want to do is use the Language Switch on the footer. You can follow this Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment