How do I style a Typeform pop up button? Or link a Squarespace button to display a Typeform pop up?

Hi,

I've embedded a Typeform pop up button but can't figure out how to style it with CSS (change the font, make it bigger etc). Alternatively, is there a way to link the Typeform pop up to a regular Squarespace button?

You can find the button under the headline "11+ tutoring that goes above and beyond."  Thanks for any help in advance!

Ben

Hi,

What is your site url? Or link to page where you use Typeform button?

Hi @tuanphan,

The button is on https://www.oppidaneducation.com/families/11-plus-journey-tutoring under the header "11+ tutoring that goes above and beyond."

Thanks so much, Ben

On 10/4/2023 at 6:00 PM, benstevens05 said:

Hi @tuanphan,

The button is on https://www.oppidaneducation.com/families/11-plus-journey-tutoring under the header "11+ tutoring that goes above and beyond."

Thanks so much, Ben

You can use this code to Website Tools (under Not Linked) > Custom CSS

button[data-tf-popup] {
    font-family: 'europa' !important;
    font-size: 30px !important;
}

Thanks, that worked!

And how do I get the button to fill the frame within Fluid Engine, like it does with regular button blocks?

Use this

button[data-tf-popup] {
    font-family: 'europa' !important;
    width: 100% !important;
}