Ana_Neves Posted May 18, 2020 Share Posted May 18, 2020 Site URL: https://orange-olive-hs54.squarespace.com/ Hi, My Squarespace template allows me to add one button to my website header bar, but I need to add two buttons – one for English, another for Portuguese. On the Squarespace livechat I was advised to add custom code. What's the code I need to add the extra button to the header? Link to comment
tuanphan Posted May 18, 2020 Share Posted May 18, 2020 There are two ways to do this W1 Free). Insert 2 Link items to Main Navigation > Use CSS to turn 2 links to button. W2 ($$$). Add default button in Header Layout (Edit Site Header > Header Elements > Enable Button) Next use JavaScript to add 2rd button to right of first button. Your site is private. Can you setup password & share url? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Ana_Neves Posted May 18, 2020 Author Share Posted May 18, 2020 Of course. Ive made that password protected. I can DM you the password. Maybe button isn't the right request but I think the CSS change makes the most sense here. I currently have two links which direct people towards two different language versions of the site. The current links are set centrally, and I'd like to have these two links separated, by aligning them to the right, possibly with the option of changing the colour too. Link to comment
tuanphan Posted May 18, 2020 Share Posted May 18, 2020 To make them button, add this to Home > Design > Custom CSS .header-nav-item [href*="en"] { background: red; color: white !important; padding: 5px 10px !important; } .header-nav-item [href*="pt"] { background: red; color: white !important; padding: 5px 10px !important; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Ana_Neves Posted May 19, 2020 Author Share Posted May 19, 2020 Hey Tuanphan, Thank you so much for your help ! I'll share my website's link when it's ready. Link to comment
TessaRoseJackson Posted April 25, 2021 Share Posted April 25, 2021 On 5/18/2020 at 2:04 PM, tuanphan said: Next use JavaScript to add 2rd button to right of first button. Hi Tuanpan, I can only add JS to the Head or Footer, not the <body> of the page. Where do I add the JS to duplicate the button in the header? Link to comment
tuanphan Posted April 26, 2021 Share Posted April 26, 2021 22 hours ago, TessaRoseJackson said: Hi Tuanpan, I can only add JS to the Head or Footer, not the <body> of the page. Where do I add the JS to duplicate the button in the header? Hi. Which JS? The code I shared above is CSS (Add to Design > Custom CSS). If you want to add code before </body>, you need to add to FOOTER Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
EmilyMMorris Posted May 18 Share Posted May 18 @tuanphan Could you please help me with adding a second button to my website. I currently have a "Get Started" button to the right in my header, but next to that, I would like to add something that says Sign In and when it is clicked it will go to our outside portal domain. Help? Link to comment
tuanphan Posted May 22 Share Posted May 22 On 5/19/2023 at 12:45 AM, EmilyMMorris said: @tuanphan Could you please help me with adding a second button to my website. I currently have a "Get Started" button to the right in my header, but next to that, I would like to add something that says Sign In and when it is clicked it will go to our outside portal domain. Help? What is your site url? We can help easier Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
JenD Posted November 13 Share Posted November 13 @tuanphan Hello! Like the others who have posted here, I too am looking to create a new button in the header of my site. The url is www.digilangua.net. I have posted the code that you have provided and have attempted to create a button labeled "Teacher Login" in the header to which to attach an external link. I tried adding the code you provided in the CSS space, but nothing happens, giving me the idea that I am the one not making it work correctly. Do you have any advice, please? Link to comment
tuanphan Posted November 18 Share Posted November 18 On 11/14/2023 at 6:04 AM, JenD said: @tuanphan Hello! Like the others who have posted here, I too am looking to create a new button in the header of my site. The url is www.digilangua.net. I have posted the code that you have provided and have attempted to create a button labeled "Teacher Login" in the header to which to attach an external link. I tried adding the code you provided in the CSS space, but nothing happens, giving me the idea that I am the one not making it work correctly. Do you have any advice, please? You mean add a second button next to current or? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care 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