Jump to content

WooCommerce Product page aligning


Recommended Posts

Hello everyone! I don't know if this is the right category to post this, but If you go to the following site, you will see that there are 3 options before buying (Deposit, Full Price, and Price without Deposit).


http://pawsitiveinteractions.com/product/final-dog/I changed that from dropdown to radio buttons. How do I pull that to the left beside the picture instead of it being right aligned?Thanks!

Link to comment
Share on other sites

It seems that there either a function call not working or missing a css. Here's the rendered source of what I see.


<table cellspacing="0" class="variations"> <tbody> <tr> <td class="label"><label for="payment-option">Payment Option</label></td> <td class="value"><fieldset> <strong>Choose An Option...</strong><br> <input type="radio" name="attribute_payment-option" id="payment-option" value="deposit">Deposit<br><input type="radio" name="attribute_payment-option" id="payment-option" checked="checked" value="full-price">Full Price<br><input type="radio" name="attribute_payment-option" id="payment-option" value="price-without-deposit">Price without Deposit<br> </fieldset> </td> </tr> </tbody> </table>


The part shown in bold is what causing the extra white space between the image and radio buttons. You might check to see if there is a language settings via WooCommerce to see if Payment Option can be edited. If so, empty that field or disable it. If not, then the alternate is to use some css.


.variations td.label label {display: none;}

That will make the label tag to not display.


If you find that the radio buttons is not far enough over to the left then remove the last 'label' from the css.

.variations td.label {display: none;}

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Create New...