Title: Image Size problem with Avia
Last modified: August 31, 2016

---

# Image Size problem with Avia

 *  Resolved [deantenea](https://wordpress.org/support/users/deantenea/)
 * (@deantenea)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/image-size-problem-with-avia/)
 * Hi Dinamiko,
    thanks for your plugin.
 * I’m trying to customize the PDF via CSS but I’m still having a problem with image
   size for pages generated via Avia Page Builder.
 * With this CSS code:
 *     ```
       img { width: 100%; height: auto; !important }
   
       .avia-gallery-3 img { width: 50px !important; height: 50px !important; }
       ```
   
 * I expect that all the <img /> inside <div class=”avia-gallery-3″>…</div> will
   have width and height forced to 50px, but they all have 100% size.
 * Here’s the HTML code:
 *     ```
       <div class='avia-gallery avia-gallery-3 avia_lazyload avia_animate_when_visible  avia-builder-el-9  el_after_av_heading  el_before_av_heading '  itemscope="itemscope" itemtype="https://schema.org/ImageObject" ><div class='avia-gallery-thumb'> <a href='http://www.eurosedia.sigmar.it/wp-content/uploads/2016/03/fsedie_legno-multistrato-011-faggio-laccato-bianco-white-lacquered-beech-RAL-9003.png' data-rel='gallery-3' data-prev-img='http://www.eurosedia.sigmar.it/wp-content/uploads/2016/03/fsedie_legno-multistrato-011-faggio-laccato-bianco-white-lacquered-beech-RAL-9003.png' class='first_thumb lightbox ' data-onclick='1' title='011 Laccato Bianco | Laquerred Beech'  itemprop="contentURL" ><img data-avia-tooltip='011 Laccato Bianco | Laquerred Beech' src='http://www.eurosedia.sigmar.it/wp-content/uploads/2016/03/fsedie_legno-multistrato-011-faggio-laccato-bianco-white-lacquered-beech-RAL-9003.png' width='350' height='350'  title='fsedie_legno-multistrato-011-faggio-laccato-bianco-white-lacquered-beech-RAL-9003' alt='' /></a> <a href='http://www.eurosedia.sigmar.it/wp-content/uploads/2016/03/fsedie_legno-multistrato-061-faggio-tinto-rovere-moro-dark-oak-stained-beech-wood.png' data-rel='gallery-3' data-prev-img='http://www.eurosedia.sigmar.it/wp-content/uploads/2016/03/fsedie_legno-multistrato-061-faggio-tinto-rovere-moro-dark-oak-stained-beech-wood.png' class='lightbox ' data-onclick='2' title='061 | Rovere Moro | Dark Oak'  itemprop="contentURL" ><img data-avia-tooltip='061 | Rovere Moro | Dark Oak' src='http://www.eurosedia.sigmar.it/wp-content/uploads/2016/03/fsedie_legno-multistrato-061-faggio-tinto-rovere-moro-dark-oak-stained-beech-wood.png' width='350' height='350'  title='fsedie_legno-multistrato-061-faggio-tinto-rovere-moro-dark-oak-stained-beech-wood' alt='' /></a> <a href='http://www.eurosedia.sigmar.it/wp-content/uploads/2016/03/fsedie_legno-multistrato-029-aggio-tinto-ciliegio-medio-medium-cherry-stained-beech.png' data-rel='gallery-3' data-prev-img='http://www.eurosedia.sigmar.it/wp-content/uploads/2016/03/fsedie_legno-multistrato-029-aggio-tinto-ciliegio-medio-medium-cherry-stained-beech.png' class='lightbox ' data-onclick='3' title='029 | Ciliegio Medio | Medium Cherry'  itemprop="contentURL" ><img data-avia-tooltip='029 | Ciliegio Medio | Medium Cherry' src='http://www.eurosedia.sigmar.it/wp-content/uploads/2016/03/fsedie_legno-multistrato-029-aggio-tinto-ciliegio-medio-medium-cherry-stained-beech.png' width='350' height='350'  title='fsedie_legno-multistrato-029-aggio-tinto-ciliegio-medio-medium-cherry-stained-beech' alt='' /></a> <a href='http://www.eurosedia.sigmar.it/wp-content/uploads/2016/02/fsedie_000-grezzo.png' data-rel='gallery-3' data-prev-img='http://www.eurosedia.sigmar.it/wp-content/uploads/2016/02/fsedie_000-grezzo.png' class='lightbox ' data-onclick='4' title='000 | Grezzo'  itemprop="contentURL" ><img data-avia-tooltip='000 | Grezzo' src='http://www.eurosedia.sigmar.it/wp-content/uploads/2016/02/fsedie_000-grezzo.png' width='350' height='350'  title='fsedie_000-grezzo' alt='' /></a> <a href='http://www.eurosedia.sigmar.it/wp-content/uploads/2016/03/ftavoli_laminato-021-bianco-lucido-glossy-white.png' data-rel='gallery-3' data-prev-img='http://www.eurosedia.sigmar.it/wp-content/uploads/2016/03/ftavoli_laminato-021-bianco-lucido-glossy-white.png' class='lightbox ' data-onclick='5' title='021 | bianco lucido | glossy white'  itemprop="contentURL" ><img data-avia-tooltip='021 | bianco lucido | glossy white' src='http://www.eurosedia.sigmar.it/wp-content/uploads/2016/03/ftavoli_laminato-021-bianco-lucido-glossy-white.png' width='350' height='350'  title='ftavoli_laminato-021-bianco-lucido-glossy-white' alt='' /></a></div></div>
       <div style='padding-bottom:5px;' class='av-special-heading av-special-heading-h5  blockquote modern-quote  avia-builder-el-10  el_after_av_gallery  el_before_av_heading  '><h5 class='av-special-heading-tag'  itemprop="headline"  >Sedile</h5><div class='special-heading-border'><div class='special-heading-inner-border' ></div></div></div>
       <div style='padding-bottom:5px;' class='av-special-heading av-special-heading-h5  blockquote modern-quote  avia-builder-el-11  el_after_av_heading  el_before_av_gallery  '><h5 class='av-special-heading-tag'  itemprop="headline"  >Ecopelle</h5><div class='special-heading-border'><div class='special-heading-inner-border' ></div></div></div>
       ```
   
 * How can I solve this issue?
 * Thanks,
    Sergio
 * [https://wordpress.org/plugins/dk-pdf/](https://wordpress.org/plugins/dk-pdf/)

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

 *  Plugin Author [dinamiko](https://wordpress.org/support/users/dinamiko/)
 * (@dinamiko)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/image-size-problem-with-avia/#post-7254204)
 * Hi deantenea,
 * if it’s posible, please add an URL here where I can see it, if this is not possible,
   then write to me at [emili.castells@dinamiko.com](https://wordpress.org/support/topic/image-size-problem-with-avia/emili.castells@dinamiko.com?output_format=md)
   with the info and I’ll take a look next weekend, thanks.
 *  Thread Starter [deantenea](https://wordpress.org/support/users/deantenea/)
 * (@deantenea)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/image-size-problem-with-avia/#post-7254221)
 * Hi Dinamiko,
    here is the link and the PDF result: [http://www.eurosedia.sigmar.it/prodotti/erica/](http://www.eurosedia.sigmar.it/prodotti/erica/)
   [http://www.eurosedia.sigmar.it/prodotti/erica/?pdf=5030](http://www.eurosedia.sigmar.it/prodotti/erica/?pdf=5030)
 * Thanks,
    Sergio
 *  Thread Starter [deantenea](https://wordpress.org/support/users/deantenea/)
 * (@deantenea)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/image-size-problem-with-avia/#post-7254233)
 * Thanks,
    I solved the problem editing: enfold/config-templatebuilder/avia-shortcodes/
   gallery.php row 244 adding a div with a class ‘pdf_output’, outside the image
   in the gallery.

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

The topic ‘Image Size problem with Avia’ is closed to new replies.

 * ![](https://ps.w.org/dk-pdf/assets/icon-256x256.png?rev=3396282)
 * [DK PDF - WordPress PDF Generator](https://wordpress.org/plugins/dk-pdf/)
 * [Support Threads](https://wordpress.org/support/plugin/dk-pdf/)
 * [Active Topics](https://wordpress.org/support/plugin/dk-pdf/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/dk-pdf/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/dk-pdf/reviews/)

## Tags

 * [avia](https://wordpress.org/support/topic-tag/avia/)
 * [css](https://wordpress.org/support/topic-tag/css/)
 * [DKPDF](https://wordpress.org/support/topic-tag/dkpdf/)
 * [img](https://wordpress.org/support/topic-tag/img/)

 * 3 replies
 * 2 participants
 * Last reply from: [deantenea](https://wordpress.org/support/users/deantenea/)
 * Last activity: [10 years, 3 months ago](https://wordpress.org/support/topic/image-size-problem-with-avia/#post-7254233)
 * Status: resolved