Layout destroyed in [woocommerce_multiple_shipping_addresses]

Hello, markus.reich.

Unfortunately, I cannot see the shortcode being echoed on this page. Could you please provide a screenshot?

Hi,

thx for your answer you need a screenshoot of the form?

I investigated on this, what I found out is, that the
::before
::after
pseudo style css tags are missing
::before => before the row label tag
::after => after the row input tag

???

regards
Meex

Are you sure there’s a shortcode inserted into that page?

Screenshot of the form

Screenshot

Yes, there’s a page “Manage Multiple Addresses” with shortcode
[woocommerce_multiple_shipping_addresses]

If you mean problems with the input layout, this is not actually a problem of a plugin but your theme.

I can help with css, just give me correct link to the page so also can see it and give you a snippet.

that would be great ??

Link is Demo Shop

but you have to log in, it’s in the right upper corner “Mein Konto”
user: reich
pass: sports#lab123

then after login, click again on “Mein Konto” and then “Lieferadressen”

regards
MEex

https://test.sportslab.cc/wp-content/themes/hamburg/style.plus.woo.min.css?ver=3.8.1

find this:

label{background:white;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:#b7b7b7;font-family:"Roboto Condensed", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight:300;left:0;padding:4px 8px;padding:0.25rem 0.5rem;position:absolute;width:100%}

If we prettify, this will look like this:

label {
    background: white;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #b7b7b7;
    font-family: "Roboto Condensed", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 300;
    left: 0;
    padding: 4px 8px;
    padding: 0.25rem 0.5rem;
    position: absolute;
    width: 100%;
}

What you should do is remove position: absolute; and left: 0; or add this code:

.woocommerce #address_form label {
    position: static;
}

in some other css file that should be generated on the page after style.plus.woo.min.css

Do not forget that this file was minified, so do not change it directly. I don’t know the structure of your theme and how this minified css is generated, so you’ll need to find that out (if you didn’t do this before) and make changes in source files.

great!!! this seems to solve my problem!!!

Cool!

If you’ll need help, you can reach me by alexander(dot)tinyaev(at)gmail(dot)com.