BVIDA Posted April 24, 2021 Share Posted April 24, 2021 Site URL: https://crocodile-triangle-2k6t.squarespace.com/ Hi, I've managed to follow some lock screen code injection to add my brand fonts & increase the size of my logo, plus add space between the logo and the body text, however I can't figure out the coding to move the Headline text down so it does not overlap the logo. Screen snip attached. I tried: <style> .sqs-slice-headline { margin-top: 250px !important; } </style> But it doesn't work. Any pointers? Cheers Belinda Link to comment
paul2009 Posted April 24, 2021 Share Posted April 24, 2021 Please set a site password in the visibility settings. Without this, we won't be able to view the page. Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥. Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links. Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional. Would you like your customers to be able to mark their favourite products in your Squarespace store? Link to comment
BVIDA Posted April 24, 2021 Author Share Posted April 24, 2021 Oh sorry @paul2009 I'm very new to all this. Try it now with 1234567890 Link to comment
tuanphan Posted April 26, 2021 Share Posted April 26, 2021 On 4/25/2021 at 6:21 AM, BVIDA said: Oh sorry @paul2009 I'm very new to all this. Try it now with 1234567890 Settings > Advanced > Code Injection > Lock Page <style> .sqs-slice-heading { margin-top: 200px; } </style> 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
BVIDA Posted April 26, 2021 Author Share Posted April 26, 2021 AMAZING!!! Thank you so much @tuanphan I had tried .sqs-slice-headline & .sqs-slice-header LOL! Knew I had to be at least close. Link to comment
BethanyBoss Posted September 21, 2021 Share Posted September 21, 2021 On 4/26/2021 at 1:37 AM, tuanphan said: Settings > Advanced > Code Injection > Lock Page <style> .sqs-slice-heading { margin-top: 200px; } </style> @tuanphan I've seen that you've been helping so many people with custom CSS on their lock screens. You're awesome! I tried the code you gave to BVIDA, but I'm still having issues. Can you help me? This is the site: https://www.ohalaadoptions.org/ (PW for visibility is Nanas0) I'm adding a screenshot for reference. Basically I need to add spacing between the logo and the headline. I also would like to get rid of the white border that appears around the password field—it's like it's "activated". And I want to make the arrow in the password field white. Please advise! Link to comment
tuanphan Posted September 24, 2021 Share Posted September 24, 2021 On 9/22/2021 at 3:17 AM, BethanyBoss said: @tuanphan I've seen that you've been helping so many people with custom CSS on their lock screens. You're awesome! I tried the code you gave to BVIDA, but I'm still having issues. Can you help me? This is the site: https://www.ohalaadoptions.org/ (PW for visibility is Nanas0) I'm adding a screenshot for reference. Basically I need to add spacing between the logo and the headline. I also would like to get rid of the white border that appears around the password field—it's like it's "activated". And I want to make the arrow in the password field white. Please advise! Hi, It looks like you figured out? 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
Recommended Posts
Archived
This topic is now archived and is closed to further replies.