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!

4 hours ago, tuanphan said:

You mean underline EN & DE on top right corner?

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

On 12/16/2022 at 10:10 AM, tuanphan said:

Yes. Not possible with Link Item. You need to use JavaScript code to solve this. Do you still need this? I will try test some code

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