Tagged: enfold, format, layout, Product, woocommerce
I am using WooCommerce with Enfold and there is a slight format issue. In the Woo documentation the options show in smaller boxes. I am using the Global Addons extension and it gives the customer the option of selecting a number of stones for the jewelry they are purchasing. The problem is that the box spans the entire 2/3 of the page.
Woo says this is theme related. All other options appear fine it is just the options that are listed with a “custom input multiplier.”
Site is behind an Under Construction plugin. Login details and URL are in the Private Content area below.
Thank you!
Hi MichaelAlbany!
you are using quite an old version of the theme. Please upgrade to Enfold v3.2.2.
Regards,
Andy
Andy, Thank you. However updating did not fix the issue.
The link button isn’t working either. http://www.michaelalbany.com/wp-content/uploads/2015/07/Selection-boxes.jpg
Hi!
So your just trying to change the width of those inputs correct? Add this to your custom CSS.
.addon-input_multiplier {
width: 50% !important;
}
Cheers!
Elliott
Thank you Elliot! That worked really well.
Do you know of a way to have them on the same line as the text above or is that pushing my luck?
Hi!
Have the label and input fields on the same line? You can try this:
.product-addon .form-row label, .product-addon .form-row input {
width: 48%;
float: left;
}
Cheers!
Ismael
Perfect! You rock! That is exactly what I needed.