Hi, I'm trying to modify a newsletter block in my footer. I've already used this code to modify the field and button sizes, and to decrease the top and bottom margins of the newsletter body across the entire site:
/*newsletter field*/
.sqs-block-newsletter .newsletter-form-field-element {
padding-top: 18px !important;
padding-bottom: 18px !important;
}
However, in the footer, I would like also to modify the h2 to either a smaller size or different font. And I want to decrease the space between the field element and the h2 to account for my omission of the newsletter block description.
Any help would be appreciated! The password is: He@1ing
Add the following to Design > Custom CSS.
/* begin footer newsletter sign-up tighten up spacing for and smaller font */
#block-yui_3_17_2_1_1605583582666_22142.newsletter-block .newsletter-f
Question
Kacia 8
Site URL: https://vibraphone-dove-dpfn.squarespace.com/
Hi, I'm trying to modify a newsletter block in my footer. I've already used this code to modify the field and button sizes, and to decrease the top and bottom margins of the newsletter body across the entire site:
/*newsletter field*/
.sqs-block-newsletter .newsletter-form-field-element {
padding-top: 18px !important;
padding-bottom: 18px !important;
}
/*newsletter body*/
.newsletter-form .newsletter-form-body {
margin-top: -15px !important;
margin-bottom: -25px !important;
}
/* newsletter button*/
.newsletter-form .newsletter-form-button {
padding-top: 7px !important;
padding-bottom: 7px !important;
}
However, in the footer, I would like also to modify the h2 to either a smaller size or different font. And I want to decrease the space between the field element and the h2 to account for my omission of the newsletter block description.
Any help would be appreciated! The password is: He@1ing
Thanks!
Kacia
Link to post
Top Posters For This Question
3
1
1
Popular Days
Nov 17
3
Nov 21
2
Top Posters For This Question
Kacia 3 posts
creedon 1 post
tuanphan 1 post
Popular Days
Nov 17 2020
3 posts
Nov 21 2020
2 posts
Popular Posts
creedon
Add the following to Design > Custom CSS. /* begin footer newsletter sign-up tighten up spacing for and smaller font */ #block-yui_3_17_2_1_1605583582666_22142.newsletter-block .newsletter-f
Kacia
That worked perfectly, thank you so much!!
Posted Images
4 answers to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment