Dragoslav Posted June 3, 2020 Share Posted June 3, 2020 Site URL: http://www.elivery.no/ Hi. I need help changing the text/button showing "Back" on mobile version of our site, to native Norwegian. Take a look at attached image. I contacted Squarespace Support, but they could not help med and wrote: "So we don't have the functionality for this built in text to translate into Norwegian currently. You may be able to do this with some custom code." Can anybody help me out please? Link to comment
tuanphan Posted June 8, 2020 Share Posted June 8, 2020 Add to Home > Design > Custom CSS .header-menu-nav-folder-content .header-menu-controls span:last-child { visibility: hidden; position: relative; } .header-menu-nav-folder-content .header-menu-controls span:last-child:before { visibility: visible; content: "new back text"; } stapers 1 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
Dragoslav Posted June 9, 2020 Author Share Posted June 9, 2020 Great and thanx for help tuanphan 🙂 After I implemented the CSS i see that the "new back text" goes slitly to the left. What do I have to write to place it at the center? Link to comment
Dragoslav Posted June 11, 2020 Author Share Posted June 11, 2020 (edited) Hi tuanphan. Could you please help me with my request above? Edited June 11, 2020 by Dragoslav Link to comment
tuanphan Posted June 12, 2020 Share Posted June 12, 2020 try edit before to after 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
Dragoslav Posted June 18, 2020 Author Share Posted June 18, 2020 Hi again @tuanphan and than you for the answer. It is still wrong. The word "Tilbake" goes to the right while the arrow still stands to the left. Any sugguestions? Link to comment
Dragoslav Posted June 23, 2020 Author Share Posted June 23, 2020 Hi again tuanphan. Could you please help me with my request above? It`s still an issue. Look at the attached file above. Link to comment
rwp Posted June 23, 2020 Share Posted June 23, 2020 This line of jQuery will find the span with "Back" and replaces it with "Tilbake" $( "span:contains('Back')" ).html("Tilbake") tuanphan 1 Link to comment
Heidelberg Posted June 30, 2021 Share Posted June 30, 2021 On 6/24/2020 at 1:17 AM, rwp said: This line of jQuery will find the span with "Back" and replaces it with "Tilbake" $( "span:contains('Back')" ).html("Tilbake") Hi rvp. I have the same issue but I have no experience with coding at all! Where do I put that $( "span:contains('Back')" ).html("Tilbake") line. If I put it in the custom CSS it returns with a syntax error?. Thanks! /Bo Link to comment
Heidelberg Posted June 30, 2021 Share Posted June 30, 2021 On 6/3/2020 at 8:49 PM, Dragoslav said: Site URL: http://www.elivery.no/ Hi. I need help changing the text/button showing "Back" on mobile version of our site, to native Norwegian. Take a look at attached image. I contacted Squarespace Support, but they could not help med and wrote: "So we don't have the functionality for this built in text to translate into Norwegian currently. You may be able to do this with some custom code." Can anybody help me out please? Hi Dragoslav. Did you ever solve this issue?. I have the same problem... /Bo Link to comment
creedon Posted June 30, 2021 Share Posted June 30, 2021 (edited) @Heidelberg Expanding on rwp's solution a bit. Add the following to Design > Custom CSS. .header-menu-controls-control span:last-child { display : none; } Add the following to Settings > Advanced > Code Injection > HEADER. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> Add the following to Settings > Advanced > Code Injection > FOOTER. <script> $( ( ) => { /* begin change mobile menu back text Version : 0.1d0 SS Version : 7.1 Dependancies : jQuery By : Thomas Creedon < http://www.tomsWeb.consulting/ > */ const text = '[enter back text here between single quotes]'; // do not change anything below, there be the borg here $( '.header-menu-controls-control span:contains("Back")' ) .css ( 'display', 'inline-block' ) .text ( text ); // end change mobile menu back text } ); </script> Let us know how it goes. Edited June 30, 2021 by creedon Heidelberg 1 Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects. Link to comment
Heidelberg Posted June 30, 2021 Share Posted June 30, 2021 (edited) 30 minutes ago, creedon said: @Heidelberg Expanding on rwp's solution a bit. Add the following to Design > Custom CSS. .header-menu-controls-control span:last-child { display : none; } Add the following to Settings > Advanced > Code Injection > HEADER. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> Add the following to Settings > Advanced > Code Injection > FOOTER. <script> $( ( ) => { /* begin change mobile menu back text Version : 0.1d0 SS Version : 7.1 Dependancies : jQuery By : Thomas Creedon < http://www.tomsWeb.consulting/ > */ const text = '[enter back text here between single quotes]'; // do not change anything below, there be the borg here $( '.header-menu-controls-control span:contains("Back")' ) .css ( 'display', 'inline-block' ) .text ( text ); // end change mobile menu back text } ); </script> Let us know how it goes. Hi Creedon. Aw snap! Code injection is a Premium feature and my customer is a bit cheap... But THANK YOU VERY MUCH anyway - I may use this on other sites or maybe even force him to pay up. 🙂 I have two other questions: 1) Is there a way to make the text a bit smaller on mobile only?. 2) Is there a way to change the text in the forms under the name fields?. (please see attached screen). /Bo Edited June 30, 2021 by Heidelberg Link to comment
creedon Posted June 30, 2021 Share Posted June 30, 2021 1 hour ago, Heidelberg said: Aw snap! Code injection is a Premium You could try the CSS only solution earlier in the thread but there is an issue with the alignment which I didn't see an immediate solution to. Quote 1) Is there a way to make the text a bit smaller on mobile only? Are you wanting to change the size of all menu items on mobile or just Back? Quote 2) Is there a way to change the text in the forms under the name fields? Please see the following. It is not specific to your need but could be adapted. You would need to change the block id and trim out the unneeded CSS for the fields you don't want to change. Let us know how it goes. Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects. Link to comment
Heidelberg Posted June 30, 2021 Share Posted June 30, 2021 49 minutes ago, creedon said: You could try the CSS only solution earlier in the thread but there is an issue with the alignment which I didn't see an immediate solution to. Are you wanting to change the size of all menu items on mobile or just Back? Please see the following. It is not specific to your need but could be adapted. You would need to change the block id and trim out the unneeded CSS for the fields you don't want to change. Let us know how it goes. Yes but I don't want that alignment issue. I want to be able to adjust size of all the text in the menu. And preferably change 'Back' to 'back' at least maybe..? Awesome! Where do I locate the correct Block ID?. Thanks again Creedon! Link to comment
creedon Posted June 30, 2021 Share Posted June 30, 2021 30 minutes ago, Heidelberg said: I want to be able to adjust size of all the text in the menu. And preferably change 'Back' to 'back' at least maybe..? Add the following to Design > Custom CSS. .header-menu-controls { /* mobile, lowercase navigation menu back link */ text-transform : lowercase; } .header-menu-nav-item a { /* mobile, make navigation menu font smaller */ font-size : calc( 8.5vmin / 1.25 ); } Quote Where do I locate the correct Block ID? Check out Heather Tovey's most excellent looking Squarespace ID Finder. Let us know how it goes. Heidelberg 1 Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects. 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