Jump to content

Weblog language switcher

Go to solution Solved by tuanphan,

Recommended Posts

Posted

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

Screenshot 2024-06-12 at 15.50.27.png

Screenshot 2024-06-12 at 15.51.08.png

  • Replies 13
  • Views 2k
  • Created
  • Last Reply

Top Posters In This Topic

  • Solution
Posted

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;
}

image.png.848f148cbfc5f823e607bc3887861004.png

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!)

Posted
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!)

  • 2 months later...
Posted

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?

Posted
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!)

Posted

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."

Screenshot 2024-10-02 at 15.13.42.png

Posted
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."

Screenshot 2024-10-02 at 15.13.42.png

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!)

Posted
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.
 

Screenshot 2024-10-03 at 23.21.14.png

Screenshot 2024-10-03 at 23.21.39.png

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!)

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.