How to change the document viewer size for PDFs?

Suporte
1

Hi, I have a collection set up where PDF files are used for the documents. Everything is working well, except that the area where the PDF is displayed is too small. Is there any way to resize the document display window to make it bigger? Thanks!

2

Hey @doldin, welcome to our forum!

Changing the aspect of the visualization in the item page will depend on the theme that you are using. It might provide visual options to tweak it or it might require a few lines of css. Which theme are you using? Could you share a link to an item’s page?

3

Thanks for responding back so quickly! The theme we are using is Education Pro, Version: 3.0.2 by StudioPress. Here is a link to one of our items: 01. Sword with Rayskin handle

4

Your theme’s default template it’s restricting the maximum width of the page o 740px (you can see it affects the textual content above too). Possibly it was designed to a scenario where you would use a sidebar.

If in it’s “Appearence” → “Customize” options you do not find some setting that allow you to tweak this (it really depends on each theme) you could try adding something like this you your “Custom Additional CSS” area in the Customizer:

.tainacan-media-component {
    --tainacan-media-main-carousel-height: 68vh !important;
}
@media screen and (min-width: 1220px) {
    .tainacan-media-component:not(.alignfull):not(.alignwide) {
         width: 1140px !important;
    }
}
``
5

Thanks, that did it!

6

Hey, somewhat related to this, is there a way to set the zoom level for documents to fit to the width of the viewer? We’ve had mixed results where on some browsers it automatically sets the zoom level so it fits the width of the viewer, but on others, the zoom is so much that you can’t actually see the contents of the document.

7

@doldin not that I am aware of… the PDF visualization is a browser feature and each will have it’s own library and presets.

8

Okay, thanks again!