Centering an embedded pdf

• 

  masonstormseries · Member · Aug 25, 2016 at 5:20 pm

  • Copy link
  • Add topic to favorites

  I have a pdf that I’ve embedded into my page. I had to to enlarge it and by doing so, the pdf is no longer centered. Not good with this stuff, how would I go about centering it?

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Aug 27, 2016 at 1:37 am

  • Copy link

  Hi there, we need to make some modifications to the custom CSS you have and be more specific on things. Remove what you have now and add the following instead.

  .page-id-196 iframe.cloudup_iframe_embed {
      height: 800px;
      width: 100%;
  }
  .page-id-196 iframe {
      max-width: 800px;
  }
  .page-id-196 .page-content {
      max-width: 800px !important;
      width: 100% !important;
  }

  I’ve specifically targeted this particular page by using the unique page id CSS class in the opening body HTML tag so that it would not mess up other pages that did not have the pdf embed. See what you think with this.

• 

  masonstormseries · Member · Aug 27, 2016 at 2:31 am

  • Copy link

  This worked perfectly! Thank you very much! Looks fantastic!

• 

  thesacredpath · Member · Aug 27, 2016 at 4:35 am

  • Copy link

  Hooray and you are welcome!