Single product page styling issues

  • Resolved StayForLunch

    (@stayforlunch)


    6 years, 4 months ago

    Hi,
    WP 4.9.1 + Bento 1.7.9
    I have a couple of CSS issues with single product pages :
    – In Safari, the Quantity and Add to cart boxes are slightly misaligned. This is also visible on your demo page.
    – In Safari, Chrome and Firefox : For variable products, there is no space between the attribute title and the options dropdown menu.

    Thanks for your help
    Ammie

    • This topic was modified 6 years, 4 months ago by StayForLunch.
Viewing 4 replies - 1 through 4 (of 4 total)
  • Theme Author satoristudio

    (@satoristudio)

    6 years, 4 months ago

    Hey Ammie,

    thanks for choosing Bento! Please provide the URL of your website – this will help me diagnose the problem and come up with the most efficient solution. Cheers!

    Thread Starter StayForLunch

    (@stayforlunch)

    6 years, 4 months ago

    Hi there,

    Thank you for your quick reply!
    My product pages are not published yet. Just made one of them visible for you here.

    By the way, I’m also using the “Mailchimp for WordPress” plugin (by ibericode). This plugin inserts a checkbox on checkout page to register for the newsletter. Not sure wether this is bento-dependant, but here too (as for the attribute text and dropdown menu on variable product pages) there is no space between the checkbox and the text.

    Please drop a line if you need an admin access.

    Ammie

    Theme Author satoristudio

    (@satoristudio)

    6 years, 4 months ago

    Hey Ammie,

    thanks for the additional details!
    Please add the following snippets to the “Additional CSS” tab of the “Appearance – Customize” admin section:

    .cart .single_add_to_cart_button {
	margin: 0;
}
.single-product .variations .label { 
	padding-right: 10px;
}
.mc4wp-checkbox-woocommerce input {
	margin-right: 10px;
}

    We will also add the code to the next update of Bento.

    Thread Starter StayForLunch

    (@stayforlunch)

    6 years, 4 months ago

    Great!

    That’s perfect. Many thanks for your help!
    Ammie

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Single product page styling issues’ is closed to new replies.