News:

Looking for documentation? Take a look on our wiki

Main Menu

Image for payment plugin dont align with text

Started by nickelas, May 30, 2014, 17:49:07 PM

Previous topic - Next topic

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

Kelvyn
Lowestoft, Suffolk, UK

Retired from forum life November 2023

Please mention your VirtueMart, Joomla and PHP versions when asking a question in this forum

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?
<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?
GJC Web Design
VirtueMart and Joomla Developers - php developers https://www.gjcwebdesign.com
VM4 AusPost Shipping Plugin - e-go Shipping Plugin - VM4 Postcode Shipping Plugin - Radius Shipping Plugin - VM4 NZ Post Shipping Plugin - AusPost Estimator
Samport Payment Plugin - EcomMerchant Payment Plugin - ccBill payment Plugin
VM2 Product Lock Extension - VM2 Preconfig Adresses Extension - TaxCloud USA Taxes Plugin - Virtuemart  Product Review Component
https://extensions.joomla.org/profile/profile/details/67210
Contact for any VirtueMart or Joomla development & customisation