ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Neighborhood
• July 30, 2015 at 11:32 am #199286
  MarieWorks

  Member

  Post count: 225

  Hi,

  We are using the product adds ons plugin from woo themes to allow customers to order personalised mugs.

  In testing we have noticed that the formating and alignment of the options they put in to be quite irregular in the checkout summary box on the checkout page (see screen shot )

  This also seems to be an issue with standard variable products (see crack mug example above personalised midori mug in screenshot).

  As the variable products function is built into woocommerce – we were wondering if this was a theme issue not a plugin issue?

  Any advice appreciated.

  kind Regards,

  Chris

  Attachments:

  You must be logged in to view attached files.
  July 30, 2015 at 11:54 am #199293
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please use this custom css code:-

  .woocommerce td.product-name dl.variation dd{
  float:left !important;
  padding-top:4px !important;
  }

  Thanks
  Mohammad

  July 30, 2015 at 1:13 pm #199327
  MarieWorks

  Member

  Post count: 225

  Hi Mohammad,

  Thanks for this – pretty much done the job – but the collumn in which product information is being displayed seems to be unnecessarily thin?
  (see attached screen shot)

  Is it possible to widen it ?

  Thanks

  Chris

  Attachments:

  You must be logged in to view attached files.
  July 30, 2015 at 3:40 pm #199395
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please use this custom css code:-

  .woocommerce td.product-name dl.variation{
  width:270px !important;
  }
  

  Thanks
  Mohammad

  July 30, 2015 at 4:06 pm #199404
  MarieWorks

  Member

  Post count: 225

  perfect – thank you Mohammad.
  🙂

  July 30, 2015 at 4:14 pm #199409
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  You most welcome.
  Thanks
  Mohammad

  July 30, 2015 at 6:32 pm #199472
  MarieWorks

  Member

  Post count: 225

  Hi Mohammad,

  Sorry to bother you again, i have a similar question about the shipping selection column beneath the product details area.

  The product shipping options seem compacted into quite a thin column,

  I tried the CSS below – but I didn’t seem to have any affect…

  #order_review table.shop_table th, #order_review table.shop_table td {
  width: 200px!important;
  }

  Any ideas your end?

  Thanks

  Chris

  Attachments:

  You must be logged in to view attached files.
  July 31, 2015 at 11:14 am #199633
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  I forward this to my colleague. He will assist you shortly.
  Thanks
  Mohammad

  July 31, 2015 at 3:03 pm #199730
  MarieWorks

  Member

  Post count: 225

  Many thanks Mohammad, Look forward to hearing from them.

  July 31, 2015 at 3:28 pm #199744
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Its ok.
  Thanks
  Mohammad

  August 3, 2015 at 2:18 pm #200205
  MarieWorks

  Member

  Post count: 225

  Hi Mohammad,

  Has there been any progress with this?

  Our checkout is currently completely broken at some screen resolutions (see attached)

  Thanks

  Chris

  Attachments:

  You must be logged in to view attached files.
  August 3, 2015 at 2:36 pm #200214
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Hi there

  Change:

  .woocommerce td.product-name dl.variation{
  width:270px !important;
  }

  to

  .woocommerce tbody td.product-name dl.variation {
    width: 160px !important;
  }

  – Kyle

  August 3, 2015 at 6:08 pm #200326
  MarieWorks

  Member

  Post count: 225

  Hi Kyle,

  Still breaking at certain screen resolutions Im afraid (screen shot attached)

  Attachments:

  You must be logged in to view attached files.
  August 4, 2015 at 8:07 am #200450
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Ok try this instead:

  @media only screen and (min-width: 1200px) { 
  .woocommerce tbody td.product-name dl.variation {
    width: 160px !important;
  }
  }

  – Kyle

  August 4, 2015 at 2:40 pm #200659
  MarieWorks

  Member

  Post count: 225

  thanks for your help Kyle – seems to be behaving at different resolutions now (screen shot attached)

  Thankyou again!

  Attachments:

  You must be logged in to view attached files.
• Back to forum

  Posted in: Neighborhood