You are viewing limited content. For full access, please sign in.

Question

Question

Increase font size of Submit button

asked on July 26, 2018

I need to enlarge the Submit button font because of an iPad. I've tried different declarations in CSS but am stumped.

0 0

Answer

SELECTED ANSWER
replied on July 26, 2018

You can set the font size, color, etc. of the Submit button in the Themes tab. 

Alternately, you can use CSS such as:

.action-btn.Submit {
    font-size: 18px;
}

To make sure the form looks good for mobile devices, you can simply check the "Optimize Forms layout for mobile devices checkbox". To specify the way your Form appears to different resolutions, you can use @media queries, such as the below, which specifies styles when the screen width is between 520 and 699 pixels.

@media all and (max-width: 699px) and (min-width: 520px) {
 .action-btn.Submit { 
   font-size: 18px; 
 }
}

 

1 0

Replies

replied on July 27, 2018

Thank you Karina, you have been most helpful! I was able to size the submit button which looks great on the ipad.

0 0
You are not allowed to follow up in this post.

Sign in to reply to this post.