How can I change the color of this PDF viewer?

URL: http://tinyurl.com/lxz8to6

Hi, is there anyway to get rid of the dark color around this pdf - or even change it to white?

Also, is there anyway I can add scroll bars to the pdf?

  • Tyler Postle
    • CGO

    Hey Arizona Girl!

    Hope you're doing well today and thanks for your question.

    To change the background color try adding this CSS here:

    html[dir="ltr"] #viewerContainer {
    background: #fff !important;
    }

    That keeps the nav bar dark still so the user knows how control the viewer.

    As for the scroll bar, I don't see any content that isn't fitting inside the container vertically, so adding a scroll bar style wouldn't make any difference. Unless I'm missing something here.

    If you did want to add one you could try this:

    html[dir="ltr"] #viewerContainer {
    overflow-y: scroll;
    }

    Let us know if this does the trick :slight_smile:

    All the best,
    Tyler

  • Tyler Postle
    • CGO

    Hey Arizona,

    This could have to do with the viewer's javascript. What we can do is just add that code directly into the plugins .css file.

    Navigate to the folder: /wp-content/plugins/pdf-viewer-for-wordpress/web/viewer.css

    Then add the code above to the viewer.css file. That should do it :slight_smile:

    Hope that helps. Once that is done, if it works, you can remove the custom css plugin.

    All the best,
    Tyler

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.