Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • February 24, 2014 at 12:52 am #228264
    McGawain

    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

    February 24, 2014 at 3:41 am #228310
    Ismael

    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

    February 24, 2014 at 10:27 am #228404
    McGawain

    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

    February 24, 2014 at 4:17 pm #228523
    Yigit

    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

    February 24, 2014 at 5:42 pm #228589
    McGawain

    Hi,

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

    Regards!

    McGawain

    February 26, 2014 at 9:39 am #229474
    Dude

    Hi!

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

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

    Regards,
    Peter

    February 26, 2014 at 1:24 pm #229540
    McGawain

    Hi Dude,

    thank you, it works

    Regards: McGawain

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Woocommerce edit account information page email alignment’ is closed to new replies.