knockout Posted May 2, 2022 Share Posted May 2, 2022 (edited) Site URL: https://rhombus-flute-l6gf.squarespace.com/ I have two instances of a pop-up form on my single-page site. I need them both to be lightboxes, and I have styled the button per below: .sqs-block-button-element { font-family: 'Messapia-Bold' !important; font-size: 11px; letter-spacing: 0.2em; text-transform: uppercase; padding: 16px 41px 15px 42px; } This works great in the button at the top, but the button at the bottom is not responding to this at all, even when I target that block specifically. I wonder if it's because on top it's in a "Lightest 1" section and at the bottom it's in a "Darkest 2" section? In the screenshots, the button in all caps is the correct styling. Site PW: knockout2k22 Edited May 2, 2022 by knockout Link to comment
knockout Posted May 2, 2022 Author Share Posted May 2, 2022 Figured this out for myself. The correct code is below. div#block-id-goes-here button { font-family: 'Messapia-Bold' !important; font-size: 11px !important; letter-spacing: 0.2em; text-transform: uppercase; padding: 16px 41px 15px 42px; tuanphan 1 Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment