benja

Hello I allready tried some codes I read in the forum, but none of them worked. I have these colored text blocks (green and white) and I want to have the same spacing between text and border all around. Event if I set the padding to 5% in the squarespace settings it's not the same. Is there any code to adjust the padding? Ideally, one code for all boxes, but I don't mind adding a code for each box if needed. site URL: https://emu-apricots-sgll.squarespace.com/ password: umoweb I'll appreciate any help.

Thank you so much @tuanphan As always you've been a great help!

exactly, so the user can see if they're on the german page (DE) oder de english page (EN). It should be obvious, but it is a customer request 😄

Hey hey! I used the code/tutorial of @bradgood to set up a multilanguage website. Is there a chance to underline the active link? My website ist https://emu-apricots-sgll.squarespace.com/ and the password is: umoweb Not sure if Brad is still active, maybe you @tuanphan can help too? Thanks in advance!

Hello! I'm having trouble to resize the button on my mobile page. I already tried it, but the text is too big. In general I had problems do adjust the height, that's why I used a code for that. Also that the text appears on a single line. Can anyone help me figure out how to make the buttons smaller? Thanks in advance! The URL is: https://amethyst-pelican-2l2k.squarespace.com/ The password is: umowebseite Codes I'm already using: //Primary Button Custom Font .sqs-block-button-element--medium, .sqs-button-element--primary { font-family: archia-regular !important; font-weight: 600;} //Button Size .sqs-block-button .sqs-block-button-element--medium {white-space: nowrap; margin: 16px;} //Mobile Button Size @media only screen and (max-width: 750px) { .sqs-block-button-element {width : 190px; font-size: 0.3em;} }

@tuanphanIf it's possible, it would be super nice, but it's totally fine if not 🙂

@tuanphan I used a linked index page within the folder. Do I understand you correctly that it is not possible to add another color and an underline?

Hey @tuanphan Can you help me please, to add an underline and another color (white) on an active nav items within a folder? I already solved it on simple pages with this code: //Navigation active Link// .Header-nav-item--active { border-bottom: 2px solid white; color: white !important; } By the way I hid the first child with this code: //Navigation hide first child// .Header-nav-folder-item:first-child { display:none;} I added screenshots, how it should look like. The other question is, can I add another color (#D5417B) on the secondary navigation when it’s active? I used the following code, so that is looks like a button: // secondary navigation Button Style // .Header-nav--secondary .Header-nav-item:last-child { background: white; color: black !important; padding: 7px 13px !important; } The site url is: https://pigeon-ocelot-j5lf.squarespace.com/ The password is: umoweb Thank you!

@tuanphan awesome! thank you so much!

Hey @tuanphan Would you mind helping me out with my website? https://oleander-chicory-9t2h.squarespace.com/ (password is: umoweb) I have 16 heads on the homepage and would like to have 2 heads side by side on the mobile version. Is this possible?

thank you so much @tuanphan you have been a great help, as always 🙌 I followed these guides and it works perfect!

oh I forgot to mention, there will be another folder, so only the first one should be hidden.

Site URL: https://guppy-guppy-msjk.squarespace.com/ Hello friendly helper! First, I really appreciate the help I always receive in this forum and I've found solutions here many times, without asking by myself. I'm working on another website for a client and it should bi bilingual. I've found a solution where I have «DE» and «EN» Homepage in the secondary navigation and the other links in the primary navigation. I managed to hide the german links on the english version and the other way around. BUT, I can't figure out, how to hide the folder I have. Does it demand another CSS Code for a folder? And also, how can I hide these specific pages on mobile? I hope this is possible! I'm open to receive other suggestions to have a bilingual page. the website (still under construction) is https://guppy-guppy-msjk.squarespace.com/ and the password is: umoweb btw. this is the code I use to hide the specific pages, I set this for all pages (yeah, kinda, because it's still under construction) #collection-60b0ef8008aa190da569458e .Header-nav--primary a.Header-nav-item:nth-child(5) { display: none !important;} #collection-60b0ef8008aa190da569458e .Header-nav--primary a.Header-nav-item:nth-child(6) { display: none !important;} #collection-60b0ef8008aa190da569458e .Header-nav--primary a.Header-nav-item:nth-child(7) { display: none !important;} #collection-60b0ef8008aa190da569458e .Header-nav--primary a.Header-nav-item:nth-child(8) { display: none !important;} #collection-60b0ef8008aa190da569458e .Header-nav--secondary a.Header-nav-item:nth-child(1) { display: none !important;} I hope someone can help!

@tuanphan thank you so much for your help!

@paul2009 thank you so much for this useful link. I tried this, the text was linked, but there was no difference in the style. Anyway, I added an extra font (h4) with CSS with the style I wanted to achieve and that works very well! Thank you for your help 🙌