CSS for next button on first page only of multi-page form [RESOLVED]

Hello, Is there a way to target the next button on just the first page of a multi-page form? I styled the previous and next buttons so that they are side-by-side if screen width below 600, but I want the next button on the first page to be full width.

the page I’m working on https://glquote.com/beta

Thanks!

Nevermind I figured it out! In case anyone else needs to do this, this worked for me.

@media screen and (max-width: 600px) {
	body #gform_wrapper_260 .gform_body .gform_page_footer .gform_next_button {
		width: 46%;
	}
	body #gform_wrapper_260 .gform_body gform_page_footer .gform_previous_button {
		width: 46%;
	}
	body #gform_wrapper_260 .gform_body #gform_page_260_1 .gform_page_footer .gform_next_button {
		width: 96%;
	}
}
1 Like