Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
  • #228264


    on Woocommerce edit account information page email adress label was between family name and first name label. The alignment was bad. I gave this css to Quick css:

    #top .form-row {
    margin: 0 10px;

    But this modified some box alignment on this page too:
    the First Name, the Zip kod and the Phone number boxes moved down.

    How could I modify the edit my account data page email label alignment, without modifying the other page?

    Thanks: Agnes


    Hey McGawain!

    If you want to change the style of a specific element on a certain page or post, you can use the Google Chrome Inspect Element. Look for the unique css body class.

    On the example above, the page’s unique selector is .page-id-2251. We can use it to change the element within that page. I inspected your page and the id is page-id-3418.

    .page-id-3418 .form-row {
    margin: 0 10px;



    Hey Ismael,

    I added the above css to Quick css, it had no effect on email label, after that I tried this:

    .page-id-3418 #top .form-row {
    margin: 0 10px;

    but also not good.

    After all I tried this:

    .page-id-3418 #top .form-row {
    margin: 0 10px!important;
    not good either.

    What can be the matter?

    Thanks: McGawain



    Please add following code to Quick CSS

    .page-id-3418 #customer_login > div.col-2 > form {
    padding-bottom: 55px;
    .page-id-3418 #top form.register { 
    margin-bottom: 0!important; }




    I added the css, but no effect:





    Please insert this code into the quick css field to fix the issue:

    .form-row.form-row-wide {
        clear: both;



    Hi Dude,

    thank you, it works

    Regards: McGawain

Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘Woocommerce edit account information page email alignment’ is closed to new replies.