Return to previous page

Help with Product Bundles layout - by haramizuki

This topic has 4 replies, 2 voices, and was last updated 9 years ago ago by Eva Kemp

haramizuki

Participant

October 29, 2015 at 05:07

When I installed the Product Bundle from Woothemes, the layout is not that good. It is far different from the WooThemes screenshot. I would like to seek help for the layout for product bundles. Also, if you notice, the title doesn’t show. Even if I override the title from the options, it doesn’t show – only the override description shows. I did install the latest version of the plugin. 🙂

Currently, the product bundles items starts after the product description of the page. It would look nice if it would be located below the image, so it would look neat. There are also some few extra lines or borders below the “Add for”.

Also, font size for the price depends if the item is optional or not. If it’s optional the price is the same size as the “Add for…” , but if the item is not optional, the font size of the price becomes big.

On the other hand, the total amount field, quantity box and “add to cart” button doesn’t need any css changes.

Thank you very much.

Please, contact administrator
for this information.

#96644 Copied Theme version: latest WooCommerce version: latest

3 Answers
Eva Kemp

Support staff

October 29, 2015 at 10:58
Hello,

Sorry, but product bundles items can’t be moved under the image. In this case you have to edit files and write the code for bundle form in there.
Please take our apologies but this requires additional customization which is beyond our basic support scope. If you have necessary skills you may edit the files yourself.

To change font size of the price use this code in Theme Options > Custom CSS > Global Custom CSS:
```
.bundled_item_cart_details .price {
    font-size: 14px !important;
    font-weight: inherit;
}
```
Regards,
Eva Kemp.
#96698 Copied
haramizuki

Participant

October 29, 2015 at 17:58

Thanks for the reply Eva. Were you able to see my website? the first thumbnail, which is the bacon, appeared after the product short description so the product bundle items looks messed up. I am comparing it with the Product Bundles screenshot as shown on WooThemes website, because the layout is neatly done, unlike with the one on my website, and I didn’t add any css code, that’s why I thought maybe it has something to do with the theme’s default.

If you can’t help me with this, do you think that it can be fixed with purely css and no other additional php? I just want to position them neatly.

Thanks! 😀

#96831 Copied
Eva Kemp

Support staff

November 2, 2015 at 12:09
Hello,

Please try to use this code in Global Custom CSS:
```
.bundle_form {
   display: inline-block;
}
```
Regards,
Eva Kemp.
#97276 Copied
Tagged: design, help, layout, persuasive, product bundles, woocommerce, wordpress
Viewing 4 results - 1 through 4 (of 4 total)