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

Question

Question

Form looks different in pdf format

asked one day ago

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 one day ago 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
replied one day ago

thank you so much!!!!

1 0
replied one day ago

No problem at all, happy to help! :)

0 0
replied 8 hours ago

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

0 0
replied 8 hours ago

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

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.