flocosix

You're a genius Thx! Is there a way to apply this site-wide? Just remove the div#block part?

Bottom of this page: https://www.orientare.md/curs-adolescenti-landing Please find a solution for all the spacing (near-zero in between the fields, and more than 0 for the button)

I've managed to reduce spacing from squarespace itself (forms styles). It's not ideal (still too much space, but it's better). However, I have a new problem: the button is now too close to the fields. Any fix for this?

Any updates on this code? I've tried this one and this one: /* Form fields space */ .form-wrapper .field-list .field { margin-bottom: 1px; } And neither have reduced the space between the form fields! I'd like it to be minimal. Link: orientare.md/curs-adolescenti-new (bottom)

Works thx!!

https://www.orientare.md/curs-adolescenti-new

https://www.orientare.md/curs-adolescenti-new Bottom of the page.

Hi, this didn't work for me. Any other solutions? Nothing changed. I'm testing it on mobile.

Solution: 1. Add this code as a code injection: if (navigator.userAgent.includes('Instagram')) { document.body.classList.add('instagram-browser'); } 2. use .instagram-browser before any CSS code you want to apply only to instagram visits. You're welcome. Example: /* Custom styles only for Instagram's in-app browser */ .instagram-browser h1 { font-size: 32px !important; /* Adjust size for h1 */ } .instagram-browser h2 { font-size: 25px !important; /* Adjust size for h2 */ } .instagram-browser h3 { font-size: 20px !important; /* Adjust size for h3 */ } .instagram-browser h4 { font-size: 18px !important; /* Adjust size for h4 */ } .instagram-browser .sqsrte-large { font-size: 16px !important; /* PARAGRAPH 1 */ } .instagram-browser p:not(.sqsrte-large):not(.sqsrte-small) { font-size: 12px !important; /* PARAGRAPH 2 */ } .instagram-browser .sqsrte-small { font-size: 11px !important; /* PARAGRAPH 3 */ } /* Custom styles only for Instagram's in-app browser - CONTENT TITLE */ .instagram-browser h2.list-item-content__title { font-size: 5vw !important; /* Content TITLE SIZE */ } This customizez all text types + titles.

Hi, I want to change the size of this text throughout my website (smaller). Any CSS code that can do that? I will be using it with ".instagram-browser " to change it for Insta-visits specifically.

Hi! I need to change the font sizes on Instagram browser specifically, because by default it makes them TOO big (larger than on any other mobile browser). How can I control this with code? Need it to simply control font size of h1, h2, h3...etc and paragraph text as well. Thanks!

And solution to this? It makes the website look like bad. Seems to only affect the one section I have at the top. Additionally, if I use "scale text" instead of standard sizes, it makes the text bleed over the site's actual width. See video. How do I fix either of these problems? Any custom code? 1 - original 2 - instagram 3 - video with "scaled" text: https://drive.google.com/file/d/1V_xbgcbGjU2ALlhppx7io8O0hO-yR2Bp/view?usp=drive_link