Problem with and customise WooCommerce country and state drop down selection box

  • Resolved xltechit

    (@xltechit)


    4 years, 2 months ago

    I am having an issue with the height of the country and state drop down selection boxes on my cart page. The placeholder/selected text is also misaligned with the box as well.

    They appear too thin for the text. I wish to make them the same with as the text input boxes below.

    The page can be found at https://www.xltechit.com.au/cart/

    You will need to add an item to the cart and select calculate shipping in order to see the drop down boxes.

    I have already applied some CSS to that element of the page to customise the colours of the selections within the box but I do not know how to fix the box height.

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support RK a11n

    (@riaanknoetze)

    Hi there,

    The reason you’re seeing that is because you current active theme, Astra, is adding additional padding to the select span which is pushing the content outside of the container. You’ll want to get in touch with the developers of Astra to take a closer look but the following custom CSS should help:

    
.woocommerce .select2-container .select2-selection--single, .woocommerce select, .woocommerce-page .select2-container .select2-selection--single, .woocommerce-page select {
    padding: 0 !important;
}
    Thread Starter xltechit

    (@xltechit)

    Thanks, that has worked.

    Any idea on how to change the size of the font and boxes to match the size of the suburb and postcode boxes?

    Plugin Support Damianne P (a11n)

    (@drwpcom)

    Hi @xltechit. It looks like you have managed to make the requested changes on your site:

    I’m going to go ahead and solve this thread. Please start a new one if you have any other questions.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Problem with and customise WooCommerce country and state drop down selection box’ is closed to new replies.