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

    Hi,

    on Woocommerce edit account information page http://konyvmanufaktura.hu/bejelentkezesregisztracio/fiok-szerkesztese/ 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: http://konyvmanufaktura.hu/megrendeles/
    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

    #228310

    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;
    }

    Cheers!
    Ismael

    #228404

    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

    #228523

    Hi!

    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; }

    Cheers!
    Yigit

    #228589

    Hi,

    I added the css, but no effect: http://konyvmanufaktura.hu/bejelentkezesregisztracio/fiok-szerkesztese/

    Regards!

    McGawain

    #229474

    Hi!

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

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

    Regards,
    Peter

    #229540

    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.