Issuu reader too big

• 

  tuangstudio · Member · Aug 22, 2018 at 12:13 am

  • Copy link
  • Add topic to favorites

  Hi,

  I have a problem that the reader pdf, Issuu is too big for my site. This has never happened when I used Spun theme. Noe, I change the theme to Awesome Theme and my pdf reader is go out of frame

  I’m trying :
  `.issuu-embed-container {
  position: relative;
  padding-bottom: 56.25%; /* set the aspect ratio here as (height / width) * 100% */
  height: 0;
  overflow: hidden;
  max-width: 100%;
  }
  .issuu-embed-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  }

  But does not work!

  Here is the page I’m having a problem.

  Home

  So how to make it “center” with a proper size.

  Thank you!!!

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

• 

  yashitamittal · Member · Aug 22, 2018 at 9:25 am

  • Copy link

  Hi –

  The issue on your page is because of the width of the portfolio item which you have added on the page https://tuangstudio.com/portfolio/dma-psg-exhibition-and-workshop-on-interactive-art/

  Please add the following CSS and see if it works:

  .issuuembed.issuu-isrendered {
      width: auto !important;
  }

  Remove any other CSS which you have added to solve this issue.

  There is a CSS applied to this element .issuuembed.issuu-isrendered width:1280px
  If you can find it and remove the width then this will also fix the issue.
  Then you don’t need to use the first CSS given. If you cannot find it, then try the first CSS.

  Let me know if it works for you :)

• 

  kokkieh · Staff · Aug 22, 2018 at 2:14 pm

  • Copy link

  Hi there,

  This looks like it might in fact be a bug with your theme, so I’ve reported that to our developers to take a look. We’ll update you here once we hear back from them.

  Meanwhile, please try adding the custom CSS code @yashitamittal11 provided above.

• 

  tuangstudio · Member · Aug 22, 2018 at 10:51 pm

  • Copy link

  Thank you @yashitamittal11 and @kokkieh
  I do not know how to find that part of the code.
  The only place I know where to look at is the CSS part in the custom section of wordpress, which does not provide any CSS of the theme, only to add more into it. If you can instruct me how to see the CSS like that I may be able to find one.

  For the CSS you gave to me, it works like a charm!! Thank you so much.

• 

  yashitamittal · Member · Aug 23, 2018 at 6:42 am

  • Copy link

  @tuangstudio: Great. It worked for you :)

  You won’t be able to edit the original CSS file of the theme.
  I just thought that you have added inline CSS which is breaking the code.
  But as @kokkieh mentioned, this might be a bug with the theme.
  The staff will get back to you when they will get an update from the developer.

  You don’t need to worry as your site is working correctly now.

• 

  kokkieh · Staff · Sep 20, 2018 at 6:07 am

  • Copy link

  Hi there,

  I’ve heard back on this, and it appears it’s not a problem with your theme, but with Issuu itself – they don’t offer a way on their end to control the width of an embedded link, and it happens in any theme on WordPress.com at a specific width.

  We’re looking into whether there’s a way we can compensate for it on our side across all themes, but for now the CSS fix is the best way to go.