Desnoir

Hi just hoping someone call help me with this code above and how you can then style the scrollbar? Thanks!

Thank you so much @paul2009 🙏🏻 that has worked perfectly. For anyone else who might see this I also used .field-list textarea {} for the large form fields.

Not sure what i'm doing wrong here, I'm using css to change appearance of the form fields on contact page but it doesn't seem to be working. I use this code which works on the fields when active etc but normal state fields I cannot seem to get them to change.. I'm trying to achieve all fields to look the same in all states other than active when the border is bright white. Help appreciated thanks 🙂 - https://www.desnoir.studio/contact

Hi all, I'm just wondering if anyone has a solution for this but I have a font from Adobe with the web project plugged into my code injection, it shows up fine on the desktop but as soon as I view on mobile it's gone.. any idea why it won't show on mobile? The font is h2 { font-family: 'meno banner' !important; text-transform: none; }

Thank you so much @Ziggy this worked perfectly!

Hi guys, I'm struggling with my custom css as I wanted to use a custom font for the H1 tag which I have uploaded the font and used the following code to apply it to the website: @font-face { font-family: 'enigma'; src: url(https://static1.squarespace.com/static/62f5fc15d202395293de4f98/t/63105619a32f67427b02f9ee/1662015001793/TAN+-+ENIGMA.otf); } h1 { font-family: enigma !important; } The problem is that using this font is creating a horizontal scrollbar on the bottom of the website. As soon as I remove this line of code: h1 { font-family: enigma !important; } The bottom horizontal scrollbar disappears.... any ideas? I don't want the scrollbar but I do want the font haha! How do I make this work? I have tried removing all other pieces of css but the bottom scrollbar remains unless I specifically remove the H1 styling 🤪 Site password is admin

I am trying to style the testimonial slider I have made using a 'list section'. I want to change the fonts for the title/description of each testimonial. This doesn't seem to be an option under 'site styles' and I am struggling to target it using css. Any help please? www.desnoir.studio / password: admin Testimonial slider is on the homepage. Thanks!

That worked perfectly @Ziggy thank you so much!

@Ziggy 🤦🏻‍♀️ https://highbrow-working.squarespace.com/ password is password 🙃

Password is password I have a carousel list section on my client's website to display testimonials on the home page but my problem is on the mobile device this section just looks ridiculous as there is way too much height space. It seems like the section has sized to accomodate the length of text on the longest review, but doesn't adapt to nicely frame the smaller in word count reviews. This honestly looks ridiculous on the mobile version and I am wondering if I have done something wrong or is there a way that the text in this section could be responsive and smaller on the mobile version and therefor bringing the overall height down on the mobile version? Can the text be responsive to fit the box height vs the box height fit the longest review word count? Hopefully that makes sense. Mobile + desktop screen grabs below

Yes @bangank36 I managed to get it to work 🙂

Perfect again! Thank you!

Thank you so much @bangank36 this worked perfectly 🙏🏻

Hi @bangank36 @tuanphan is there any way to apply this code to all sections on a website? Thanks 🙂

Hi all, I'm trying to find a code to remove the padding on sections that creates these tiny gaps (picture attached) it doesn't look great when trying to use an image on the section. The code i'm currently using is this but it's not working // Remove padding on sections // [data-section-id="XXXXXXXX"] .content-wrapper { padding-top: 0px !important; padding-bottom: 0px !important; } https://evos-working.squarespace.com/classes/muay-thai // Password is admin Thanks for any help 🙂

Hi @tuanphanyes I think I solved it 🙂

Site URL: https://evos-working.squarespace.com Hi! I'm having this strange issue where the font I have assigned in css is only showing on the home page? This is the code i'm using in custom css h3, h4 { font-family: 'Roboto'!important; font-weight: 600; } Roboto is a font that is already available in squarespace, not a custom upload. It displays fine on the homepage but when you go to any other page it is changing to a serif font. I have tried on every other page and it shows as serif. But on homepage it shows as Roboto. I have tried using <h3> in a codeblock and it also shows as serif. When inspecting the element is says Roboto but it is clearly not (images attached). See the bottom banner (about trial class) https://evos-working.squarespace.com/classes Password is admin Any help on correcting this would be great please as it looks very odd the font changing.

Site URL: https://evos-working.squarespace.com/ On my website homepage under the section "Membership Options" I have two boxes created in code blocks which have buttons inside them. I'm wondering how I can set the style of these buttons to inherit the primary squarespace button styles? Right now the code I use is <p><pckgbutton>Get Started »</pckgbutton></p> and have styling under custom css but am wondering if I can just remove this and use the built in button styling. Thanks. Site password is admin

Site URL: https://evos-working.squarespace.com/classes/boxing Hello I'm trying change the hover colour of the pagination but can't work out how to target it in css. Password: admin Thanks!

Site URL: https://evos-working.squarespace.com/classes Hello I'm trying to target the titles for the portfolio page so that I can 1) make the text uppercase and 2) change the hover colour but am having a hard time finding the css tag to use. Password: admin Thanks!

Site URL: https://seahorse-red-tljs.squarespace.com/ Hi everyone, Just looking for a code that works to split my contact from into two columns. I have been through past forum entries but can't seem to find a code that responds on my site. I'm also trying to extend the dropdown options of form to be full width of the column. URL: https://seahorse-red-tljs.squarespace.com Password: password 🙃 Contact from is under page called "Summon" cause we love a theme 👏🏻 Thanks for any help!

Hi I was just wondering if you would please mind checking if you still see the scrollbar? I have removed the full width feature am hoping that has fixed it but I can't check on my computer as I didn't see it in the first place.

Wow I have absolutely no idea why it does that for you, on my computer/phone as well as the clients it looks fine.. 😓 Might have to abandon for safety sake unless someone else has some ideas as to how to fix it up. I attached a vide of the view for me. Screen Recording 2022-08-24 at 3.44.06 pm.mov

Oh noooo why do I feel like this is gonna be hard to troubleshoot.. I have tried Safari too and still get the issue 😔 I'm unsure about the horizontal scrollbar as I can't see that on my end Would you mind sending me a screen capture please? I have also checked with client and they see arrows like I do, at the bottom. The summary block is just set to carousel and I used code to make it fullwidth and then also to move the arrows to bottom. The text we are addressing yep ☺️

Site URL: https://elysiantattoo.co/ Hi all, Am having trouble with the summary block on my client's website (homepage section artists). I have created a summary block that shows all the tattoo artists in the studio in a single line. On the desktop you can scroll all the way to the end but on mobile version it stops early and does not show all the artists. I used this code to make the summary block "full width" to create this effect ~ not sure if it has something to do with it? /*Summary block full width*/ #block-yui_3_17_2_1_1660799918167_42461{ .sqs-gallery-design-carousel .sqs-gallery-container { overflow: visible; } }