Image for payment plugin dont align with text

[nickelas]

I am using an image with a payment method (with the logo of the payment company). The height of the image is about 3 rows of text. The payment description shows to the right of the image on one row, but the next row continues below the image. How do I make the whole payment description flow to the right of the image?

[jenkinhill]

You probably just need to add some css to fix the layout. Use Firebug: http://forum.virtuemart.net/index.php?topic=116620.0

[nickelas]

If all the payment options had an image, I imagine the css would be simple. Now there is only an image in the first and I am struggeling.. Override neccesary?

Code Select Expand

<fieldset>
<input id="payment_id_3" type="radio" value="3" name="virtuemart_paymentmethod_id">
<label for="payment_id_3">
<span class="vmpayment">
<span class="vmCartPaymentLogo">
<img align="middle" src="images/stories/virtuemart/payment/img180x78.png">
</span>
<span class="vmpayment_name">Payment 1</span>
<span class="vmpayment_description">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</span>
</span>
</label>
<br>
<input id="payment_id_1" type="radio" value="1" name="virtuemart_paymentmethod_id">
<label for="payment_id_1">
<span class="vmpayment">
<span class="vmpayment_name">Payment 2</span>
<span class="vmpayment_description">Lorem ipsum dolor sit amet, consectetur adipisicing elit</span>
<span class="vmpayment_cost"> (Fee : 2)</span>
</span>
</label>
<br>

[GJC Web Design]

why not just add an image (be it a transparent dummy or whatever) to the others to make it line up?