melina Posted December 19, 2020 Share Posted December 19, 2020 Site URL: https://studiosbythesea.squarespace.com/ Hello, I have set up a multisite page and would like the text on the button on the header to change depending on the language. I realize that this requires some kind of if/conditional statements to be created.. Any one have any advice/tips? (PW to site is louli) I would also like to create a similar thing for the footer (right now its a very simple footer with 2 text blocks) Thanks in advance! Beyondspace 1 Link to comment
Beyondspace Posted December 19, 2020 Share Posted December 19, 2020 57 minutes ago, melina said: Site URL: https://studiosbythesea.squarespace.com/ Hello, I have set up a multisite page and would like the text on the button on the header to change depending on the language. I realize that this requires some kind of if/conditional statements to be created.. Any one have any advice/tips? (PW to site is louli) I would also like to create a similar thing for the footer (right now its a very simple footer with 2 text blocks) Thanks in advance! You can try to make the last menu item become cta button instead, add 2 buttons for 2 language .header-nav-item.lang-gr:last-child a, .header-nav-item.lang-en:last-child a{ color: #fff !important; background-color: #468fa2; border-color: #468fa2; padding: .6em 1.6032em; font-size: calc(0.9rem); position: relative; top: -5px } tuanphan and melina 2 BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox, video lightbox and much more) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 No-code customisations for Squarespace (+100 Spark plugin customisations) 🥳 Freemium Squarespace Widget Templates (+1000 Elfsight Templates) If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
melina Posted December 21, 2020 Author Share Posted December 21, 2020 On 12/19/2020 at 5:13 PM, bangank36 said: You can try to make the last menu item become cta button instead, add 2 buttons for 2 language .header-nav-item.lang-gr:last-child a, .header-nav-item.lang-en:last-child a{ color: #fff !important; background-color: #468fa2; border-color: #468fa2; padding: .6em 1.6032em; font-size: calc(0.9rem); position: relative; top: -5px } Thank you! Do I inject this as header code? I added it there and it didnt seem to do anything. Link to comment
melina Posted December 27, 2020 Author Share Posted December 27, 2020 On 12/21/2020 at 12:42 PM, melina said: Hi bankank36! Thanks for your response. This code didn't work when I inserted it into the Header code injection.. Any suggestions? On 12/19/2020 at 5:13 PM, bangank36 said: You can try to make the last menu item become cta button instead, add 2 buttons for 2 language .header-nav-item.lang-gr:last-child a, .header-nav-item.lang-en:last-child a{ color: #fff !important; background-color: #468fa2; border-color: #468fa2; padding: .6em 1.6032em; font-size: calc(0.9rem); position: relative; top: -5px } Beyondspace 1 Link to comment
Beyondspace Posted December 27, 2020 Share Posted December 27, 2020 7 hours ago, melina said: Hi bankank36! Thanks for your response. This code didn't work when I inserted it into the Header code injection.. Any suggestions? have you add 2 links like suggested? BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox, video lightbox and much more) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 No-code customisations for Squarespace (+100 Spark plugin customisations) 🥳 Freemium Squarespace Widget Templates (+1000 Elfsight Templates) If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
melina Posted December 28, 2020 Author Share Posted December 28, 2020 16 hours ago, bangank36 said: have you add 2 links like suggested? Hi! No, I haven't.. Where does it go exactly.. Is it something like this (This didn't work either so I imagine Im doing something wrong. .header-nav-item.lang-gr:last-child <a href="https://limanakistudios.squarespace.com/gr/kante-kratisi"></a> .header-nav-item.lang-en:last-child <a href="https://limanakistudios.squarespace.com/en/book-your-stay"></a> color: #fff !important; background-color: #468fa2; border-color: #468fa2; padding: .6em 1.6032em; font-size: calc(0.9rem); position: relative; top: -5px } Beyondspace 1 Link to comment
Beyondspace Posted December 28, 2020 Share Posted December 28, 2020 5 hours ago, melina said: Hi! No, I haven't.. Where does it go exactly.. Is it something like this (This didn't work either so I imagine Im doing something wrong. .header-nav-item.lang-gr:last-child <a href="https://limanakistudios.squarespace.com/gr/kante-kratisi"></a> .header-nav-item.lang-en:last-child <a href="https://limanakistudios.squarespace.com/en/book-your-stay"></a> color: #fff !important; background-color: #468fa2; border-color: #468fa2; padding: .6em 1.6032em; font-size: calc(0.9rem); position: relative; top: -5px } No. Just copy the code i sent as it was, no modified. And then add the 2 link to your navigation In short, the code will turn any last link in the naviagtion into button look and feel BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox, video lightbox and much more) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 No-code customisations for Squarespace (+100 Spark plugin customisations) 🥳 Freemium Squarespace Widget Templates (+1000 Elfsight Templates) If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
melina Posted December 28, 2020 Author Share Posted December 28, 2020 Sorry, Im still not understanding. The 2 links to my navigation should be added where? They are on the website, yes. Should they be added to the code somewhere? When I add teh code as is, it doesn't work. 3 hours ago, bangank36 said: No. Just copy the code i sent as it was, no modified. And then add the 2 link to your navigation In short, the code will turn any last link in the naviagtion into button look and feel Link to comment
Beyondspace Posted December 29, 2020 Share Posted December 29, 2020 6 hours ago, melina said: Sorry, Im still not understanding. The 2 links to my navigation should be added where? They are on the website, yes. Should they be added to the code somewhere? When I add teh code as is, it doesn't work. Add the code to Design->Custom Css, it will automatically turn the last link in the navigation into a button look-and-feel. Your site is deleted btw .header-nav-item.lang-gr:last-child a, .header-nav-item.lang-en:last-child a{ color: #fff !important; background-color: #468fa2; border-color: #468fa2; padding: .6em 1.6032em; font-size: calc(0.9rem); position: relative; top: -5px } BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox, video lightbox and much more) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 No-code customisations for Squarespace (+100 Spark plugin customisations) 🥳 Freemium Squarespace Widget Templates (+1000 Elfsight Templates) If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
Beyondspace Posted December 30, 2020 Share Posted December 30, 2020 On 12/19/2020 at 9:15 PM, melina said: Site URL: https://studiosbythesea.squarespace.com/ Hello, I have set up a multisite page and would like the text on the button on the header to change depending on the language. I realize that this requires some kind of if/conditional statements to be created.. Any one have any advice/tips? (PW to site is louli) I would also like to create a similar thing for the footer (right now its a very simple footer with 2 text blocks) Thanks in advance! How are you holding up? I seeing the site has been closed BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox, video lightbox and much more) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 No-code customisations for Squarespace (+100 Spark plugin customisations) 🥳 Freemium Squarespace Widget Templates (+1000 Elfsight Templates) If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
JennWalker Posted September 26, 2021 Share Posted September 26, 2021 On 12/19/2020 at 11:13 AM, bangank36 said: You can try to make the last menu item become cta button instead, add 2 buttons for 2 language .header-nav-item.lang-gr:last-child a, .header-nav-item.lang-en:last-child a{ color: #fff !important; background-color: #468fa2; border-color: #468fa2; padding: .6em 1.6032em; font-size: calc(0.9rem); position: relative; top: -5px } Hi, I am trying this also and this code doesn't work for me. Any tips? Link to comment
tuanphan Posted September 28, 2021 Share Posted September 28, 2021 @JennWalker Can you check site url? The site url doesn't exist 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!) Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment