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

Question

Question

Form looks different in pdf format

Forms
Updated May 23
asked on May 21

Hello,

 

When the forms is completed online, the text is larger (used CSS). However, the completed form in pdf format looks different. Is there a way to keep the font size? Also, would like the check boxes larger and darker.

 

Thank you!

 

Here is how the form looks on the web browser

 

 

But it looks like this in the email attachment which is in pdf format

 

 

0 0

Answer

APPROVED ANSWER
replied on May 21 • Show version history

Regarding the font size, you need to target the submission view since emailed/saved forms are read-only. Depending on whether you're wanting to target specific fields, all fields, or all fields within a specific class (recommended), something like this should work.

One field:

#q22 input,
#q22 label,
#q22 div .submission-view {
  font-size: 20pt !important;
}

All fields:

input,
label,
div .submission-view {
  font-size: 20pt !important;
}

All fields with a custom class (I'd recommend going this route):

.ClassName input,
.ClassName label,
.ClassName div .submission-view {
  font-size: 20pt !important;
}

 

Checkboxes are trickier. I would check out this thread and see if any of those solutions will work for you.

3 0
View 3 previous replies
replied on May 21

thank you so much!!!!

1 0
replied on May 21

No problem at all, happy to help! :)

0 0
replied on May 22

i don't know what happened but it's not working anymore crying

0 0
replied on May 22

Are you able to share your full CSS? I can try to help troubleshoot.

0 0
replied on May 23

.form-title {
   text-align: center}
input,select,textarea {
font-size:125%;
}
input,
label,
div .submission-view {
  font-size: 16pt !important;
}
 

I wanted it to be all fields so I used this one

0 0
replied on May 23

You have two different codes targeting input font-size, it's likely that one is overriding the other or causing confusion in the back-end.

You shouldn't need

input,select,textarea {
font-size:125%;
}

If you're wanting everything on the form to be 16pt, then this should cover you:

input,
label,
span,
div .submission-view {
  font-size: 16pt !important;
}
0 0

Replies

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

Sign in to reply to this post.

Details
Related Posts
Loading ...