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: Atelier
• April 23, 2016 at 8:40 pm #263375
  Nihanna

  Member

  Post count: 20

  Thank you for giving us this wonderful theme. There is one area though, that I think Atelier should improve and that is the checkout page.I asked on the themeforest and they said this is a place where I can get better help.

  I want to put the Name and last name on one row, (also email and telephone) instead of separate row for each. Im sure it can improve the user experience a lot. The example of what I want is the flatsome theme: http://flatsome.uxthemes.com/checkout/

  Also of secondary importance is changing the icons of “lOGIN” and “Coupon” area. Can we put something else instead of that “info” icon?

  Thank you!

  April 25, 2016 at 10:00 am #263487
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Hi

  Add this to your custom css:

  .woocommerce form #customer_details #billing_first_name_field, .woocommerce form #customer_details #billing_last_name_field, .woocommerce form #customer_details #billing_email_field, .woocommerce form #customer_details #billing_phone_field {
    float: left;
    width: 49%;
  }
  .woocommerce form #customer_details #billing_first_name_field, .woocommerce form #customer_details #billing_email_field {
    margin-right: 2%;
  }

  – Kyle

  April 26, 2016 at 10:49 pm #263925
  Nihanna

  Member

  Post count: 20

  Thank you so much. Always best support. I did everything to remove certain fields myself, following instructions, but simply couldnt find a way to remove checkout fields, and I would like to remove “Company”, “City” and “Province” , while increasing the “Adress field” heights so more info can be put there. Can u please solve this one too ? Thank you again!

  April 27, 2016 at 12:01 am #263942
  Nihanna

  Member

  Post count: 20

  Actually figured it out myself, except of how to turn the address field into a textarea. and Still dont know how to change the icons.Thank you

  April 27, 2016 at 7:41 am #263978
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  The CSS for the icon is:

  .woocommerce .woocommerce-info:before, .woocommerce-page .woocommerce-info:before {
      content: "\f05a";
      font-family: FontAwesome;
  }

  You will need to edit the content code, icons available are here: https://fortawesome.github.io/Font-Awesome/cheatsheet/

  – Kyle

  April 28, 2016 at 3:35 pm #264378
  Nihanna

  Member

  Post count: 20

  thats cool, but do they have to be same icons? Cse for login its nice to be User like icon and for coupon i can choose something else. Isnt there such option?

  April 28, 2016 at 3:37 pm #264379
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Unfortunately not, has to be one of the icons that are integrated in the theme

  – Kyle

  May 3, 2016 at 2:31 pm #265115
  Nihanna

  Member

  Post count: 20

  I noticed that the “Order summary” appears a bit too narrow and ugly on tablets.And the credit card input fields even narrower than that. Can we increase the width so it can better snap to the screen? This only happens on tablets. The desktop and mobile is all right.

  Attachments:

  You must be logged in to view attached files.
  May 3, 2016 at 10:10 pm #265257
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Try to add the code below to your custom css option.

  
  @media (min-width: 768px){
  .review-order-wrap {
      padding: 45px 25px 30px;
  }
  }

  -Rui

• Back to forum

  Posted in: Atelier