Display problem

  • admin0478

    (@admin0478)


    2 years, 11 months ago

    Hello, I have a problem with the display of the “Country” display when a customer is about to place an order (woocommerce).

    The country is not displayed correctly inside the box.

    I invite you to watch this by visiting the store and adding an item to the basket and then simulating an order.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Kharis Sulistiyono

    (@kharisblank)

    2 years, 11 months ago

    Hi @admin0478,

    I am sorry for the trouble with the CSS.

    To fix it, try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    #billing_country_field .select2-container--default .select2-selection--single {
  height: 2em;
}

#billing_country_field .select2-container--default .select2-selection--single .select2-selection__rendered {
  margin-top: 0;
  line-height: 35px;
}

    Hope that helps.

    Thread Starter admin0478

    (@admin0478)

    2 years, 11 months ago

    Thank you very much, this is a very good start.

    The display has been corrected for the country in “billing details”, but not in “ship to a different address”.

    Thank you in advance for your future answer and thank you again for this first step 🙂

    Kharis Sulistiyono

    (@kharisblank)

    2 years, 11 months ago

    Hi @admin0478,

    I am sorry for the delay in response.

    Try this CSS code:

    #billing_country_field .select2-container--default .select2-selection--single,
#shipping_country_field .select2-container--default .select2-selection--single {
  height: 2em;
}

#billing_country_field .select2-container--default .select2-selection--single .select2-selection__rendered,
#shipping_country_field .select2-container--default .select2-selection--single .select2-selection__rendered {
  margin-top: 0;
  line-height: 35px;
}
Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Display problem’ is closed to new replies.