How to change Download PDF bar on thank you page

hello, is there a way to change the download pdf form on the thank you page of my form so that all that is visible is the "download pdf" button and it has a black border?

this is how it looks

im hoping i can make it look like this:

Hi jmartinrise,

Thanks for reaching out to Jotform Support. Unfortunately, there's no option to remove the PDF File name. However, I can try to add custom CSS code to make it look like the second screenshot you shared.

I’ll need a bit of time to work out a solution. I’ll get back to you shortly.

Hi jmartinrise,

You can submit a test submission to my cloned test form to see the result after adding the custom CSS code. If that works for you, please add this custom CSS code to your form.

/* 26121551 - Remove download PDF button style */

.pdf-image-wrapper {

  display: none !important;

}

.pdf-name-wrapper {

  display: none !important;

}

.thankyou-btn-wrapper {

  margin-left: 40% !important;

}

li.downloadPDFItem.downloadPDFItem-250856804438060.active.newActionButtons.selectedActionButton {

  background-color: transparent !important;

  box-shadow: none !important;

}

/* 25999071 - Code ends here */



To add it, you can follow this guide and let us know if you have any questions.

thanks, this looks good but is it possible to make this download button white with a black border i think that would look even better!

i just made this change to my form but it does not look right, see the screenshot below for reference.

are you able to assist please?

Hi jmartinrise,

Try using the updated custom CSS code below:

/* 26121551 - Remove download PDF button style */

.pdf-image-wrapper {

 display: none !important;

}

.pdf-name-wrapper {

 display: none !important;

}

.thankyou-btn-wrapper {

 margin-left: 40% !important;

}

li.downloadPDFItem.downloadPDFItem-250856804438060.active.newActionButtons.selectedActionButton {

 background-color: transparent !important;

 box-shadow: none !important;

}

/* Customize Download PDF Button */

.thankyou-btn-wrapper li.downloadPDFItem {

 background-color: black !important;

 border: 2px solid black !important;

 color: black !important;

 font-color: white !important;

 box-shadow: none !important;

 padding: 10px 20px !important;

 text-align: center !important;

}

Check out the screenshot below to see the result: Give it a try and let us know if you have any other questions.