Title: Web Layout problem
Last modified: August 30, 2016

---

# Web Layout problem

 *  Resolved [giuliacotta](https://wordpress.org/support/users/giuliacotta/)
 * (@giuliacotta)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/web-layout-problem/)
 * Hello,
    I have just installed the PDF Light Viewer Plugin, but once I uploaded
   my pdf’s I had some problem in the layout on my web site. [ The pdf messes up
   all the layout of the page. Someone can help me? Thanks Giulia
 * [https://wordpress.org/plugins/pdf-light-viewer/](https://wordpress.org/plugins/pdf-light-viewer/)

Viewing 4 replies - 1 through 4 (of 4 total)

 *  [ank91](https://wordpress.org/support/users/ank91/)
 * (@ank91)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/web-layout-problem/#post-6243620)
 * [@giuliacotta](https://wordpress.org/support/users/giuliacotta/)
 * Please follow the docs
    [http://pdf-light-viewer.wp.teamlead.pw/wp-content/plugins/pdf-light-viewer/documentation/index.html#advanced](http://pdf-light-viewer.wp.teamlead.pw/wp-content/plugins/pdf-light-viewer/documentation/index.html#advanced)
 * You can create your own template.
 *  Thread Starter [giuliacotta](https://wordpress.org/support/users/giuliacotta/)
 * (@giuliacotta)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/web-layout-problem/#post-6243708)
 * [@ank91](https://wordpress.org/support/users/ank91/)
    Thank you for the link,
   but I don’t get how to fix it, I’m not a great developper 🙁
 *  [ank91](https://wordpress.org/support/users/ank91/)
 * (@ank91)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/web-layout-problem/#post-6243712)
 * [@giuliacotta](https://wordpress.org/support/users/giuliacotta/)
 * this plugin allows us to use a custom template instead of its own,
 * lets create a new pdf_lv_template.php in our theme’s folder
 * the code may look like this :
 *     ```
       <?php
   
       // file name : pdf_lv_template.php
   
       global $pdf_light_viewer_config;
       $pdf_upload_dir_url = $pdf_light_viewer_config['pdf_upload_dir_url'];
   
       if (!empty($pdf_light_viewer_config['pages'])) { ?>
   
           <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
   
               <div class="carousel-inner" role="listbox">
                   <?php foreach ($pdf_light_viewer_config['pages'] as $index => $page) { ?>
   
                       <div class="item <?php echo ($index == 0) ? ' active ' : '' ?>">
                           <img src="<?php echo $pdf_upload_dir_url . '/' . $page; ?>" alt="loading image"/>
                       </div>
   
                   <?php } ?>
               </div>
           </div>
   
       <?php } ?>
       ```
   
 * above code just loop through linked images, u can add your own css classes to
   suite your needs.
 * Now we can use this template by this short code:
 * `[pdf-light-viewer id="142" template="pdf_lv_template.php"]`
 * hope this helps. 🙂
 * P.S. : updated the code , using bootstrap default [Carousel](http://getbootstrap.com/javascript/#carousel)
 *  Plugin Author [antongorodezkiy](https://wordpress.org/support/users/antongorodezkiy/)
 * (@antongorodezkiy)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/web-layout-problem/#post-6243874)
 * Thank you [@ank91](https://wordpress.org/support/users/ank91/)
 * [@giuliacotta](https://wordpress.org/support/users/giuliacotta/) hope this helps.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Web Layout problem’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/pdf-light-viewer_ffcfc5.svg)
 * [Wordpress PDF Light Viewer Plugin](https://wordpress.org/plugins/pdf-light-viewer/)
 * [Support Threads](https://wordpress.org/support/plugin/pdf-light-viewer/)
 * [Active Topics](https://wordpress.org/support/plugin/pdf-light-viewer/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/pdf-light-viewer/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/pdf-light-viewer/reviews/)

## Tags

 * [layout](https://wordpress.org/support/topic-tag/layout/)
 * [pdf](https://wordpress.org/support/topic-tag/pdf/)

 * 4 replies
 * 3 participants
 * Last reply from: [antongorodezkiy](https://wordpress.org/support/users/antongorodezkiy/)
 * Last activity: [10 years, 10 months ago](https://wordpress.org/support/topic/web-layout-problem/#post-6243874)
 * Status: resolved