Hello,
I would like to have the same custom HTML modules in the toprow1_2 position like they have on sample data site. These modules are responsive there. I have pasted their HTML code to my site (
http://www2.mystove.ru) and changed it accordingly. Here is the modified one:
<div class="s5_is_css_5">
<div class="s5_is_css_wrap_5">
<h3>?Самарканд?</h3>
<div class="s5_is_css_hidden"><a href="catalogue/pechi-kazany/samarkand-details.html">по цене <strong style="color: #ddad00; font-weight: 900;">14 250</strong> ₽</a></div>
</div>
<img style="height: 185px!important; text-align: center!important;" src="images/stories/virtuemart/product/982142210.jpg" alt="" />
<div class="s5_is_slide_css"> </div>
</div>
I have two issues:
1. The first one is that on browser window resizing that modules are not responsively resized either. I think it's because I specified the height of the embeded image directly with a style attribute. I had to do that, otherwise the image was displaying at its full height, breaking a good looking layout of the template.
2. The second one. I see a small part of the image that is not covered by a gray box. I do not know how to cover it completely.
Thank you in advance.
Regards,
Paul.