Hello,
in a view with bootstrap grid have i insert a image with:
[types field='bild' alt='%%ALT%%' title='%%TITLE%%' width='200' height='200' align='center' resize='pad' padding_color='transparent'][/types].
The padding is now white not tansparent.
The output loop is
[wpv-layout-start]
[wpv-items-found]
<!-- wpv-loop-start -->
<div class="container wpv-loop js-wpv-loop">
<wpv-loop wrap="2" pad="true">
[wpv-item index=1]
<div class="row equalheight">
<div class="col-sm-5">[wpv-post-body view_template="Loop item in gastekarte"]</div>
[wpv-item index=other]
<div class="col-sm-5">[wpv-post-body view_template="Loop item in gastekarte"]</div>
[wpv-item index=2]
<div class="col-sm-5">[wpv-post-body view_template="Loop item in gastekarte"]</div>
</div>
[wpv-item index=pad]
<div class="col-sm-5"></div>
[wpv-item index=pad-last]
<div class="col-sm-5"></div>
</div>
</wpv-loop>
</div>
<!-- wpv-loop-end -->
[/wpv-items-found]
[wpv-no-items-found]
<strong>[wpml-string context="wpv-views"]No items found[/wpml-string]</strong>
[/wpv-no-items-found]
[wpv-layout-end]
Please help me.
Thanks Steffen
Hi, it's possible that some other styles on your site are conflicting with Toolset styles. Can I see this on a live site somewhere to debug the issue?
Hi Christian,
the website is
hidden link
the template
[types field='bild' alt='%%ALT%%' title='%%TITLE%%' size='thumbnail' align='center' resize='pad' padding_color='transparent'][/types]
[types field='bild' alt='%%ALT%%' title='%%TITLE%%' width='200' height='200' align='center' resize='pad' padding_color='transparent'][/types]
<h3 align="center">[wpv-post-link]</h3>
Thanks
Steffen
Hi, I don't think this is a CSS problem or a problem with your loop. Transparent padding works best with PNG images, since JPGs cannot be transparent. As a test, can you resave the original images as PNGs, then use the new PNG images instead of your current JPGs?