How to Remove the form border when...

User 2853792 Photo


Registered User
14 posts

Good Day To All,

I purchased the Blue Pad Responsive theme and am trying to figure out when you print the form, how to have it remove the border from around the form. It is cut off on the right which doesnt look great and would look much better without the border completely. The background color automatically turns white so I believe the border can also be removed?

Thank You

Richard
User 187934 Photo


Senior Advisor
20,271 posts
Online Now

Hi Richard,
Can you share a ink to the form so we can make sure were guiding you the correct way.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2853792 Photo


Registered User
14 posts

The site border is fine when viewing from a website, I have attached a screenshot of printing it before hitting submit. You can see the blue border from the form. Only when you set the paper to A3 (Tabloid) do you actually see the whole thing. The other themes do not do this but what we really want is to do away completely with the border when printing so it will simply look like a form and not a printout of a website.
Attachments:
User 187934 Photo


Senior Advisor
20,271 posts
Online Now

Eric Rohloff wrote:
Hi Richard,
Can you share a ink to the form so we can make sure were guiding you the correct way.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 187934 Photo


Senior Advisor
20,271 posts
Online Now

Try adding this to the head of your page just above the </head> tag.
<style>
@media print {
#docContainer{
border:0;
box-shadow: none;
}
}
</style>


I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.