Edit Account page 2 - by ctrimde - on WordPress WooCommerce support

3 replies3 participantsUpdated by Jack Richardson

  • Avatar: ctrimde
    ctrimde
    Participant

    Hello,

    We also need help with styling out account page. It is completely all over the place. Different font and sizes and no spacing…etc. We have removed the sidebar as suggested, but how can we edit the layout:

    1.)edit the welcome text
    2.) align “recent purchases and the table of purchases” to the left
    3.)change the size, font and color of the buttons of the recent orders (VIEW/PAY/CANCEL)
    4.)align “my adress to the left”- also style the font and color of adress and edit button
    5.)align “my vouchers to the left”- also style the font and color and table
    6.)align “my saved card” to the left”- also style the font and color

    if this is very complicated could you recomend a TOOL/Plugin- that goes well hand in hand with your theme for controlling MEMBERS (and the way their account page looks)

    Many thanks!

    Please, contact administrator
    for this information.
    #76947 Copied

    3 Answers

    Avatar: Eva
    Eva Kemp
    Participant

    Hello,

    1. To edit the welcome text you need edit the file wp-content/themes/legenda/woocommerce/myaccount/my-account.php (line 47).

    2. Sorry, but I don’t see any issues with displaying of “Recent orders” table:
    http://imgur.com/vTpDpaV
    Could you please show a screenshot how you want to align it?

    3. Please show a screenshot where you see those buttons.

    4. Use this code in custom.css:

    .myaccount_address .woocommerce .col2-set .col-1, .myaccount_address .woocommerce-page .col2-set .col-1 {
    font-size: 14px !important;
    color: red !important;
}

    5. Use the following code:

    .woocommerce .my_account_vouchers table.shop_table th, .woocommerce-page .my_account_vouchers table.shop_table th {
    font-family: georgia;
    font-size: 16px !important;
    color: red;
}

    6. Use this code:

    #braintree-my-saved-cards h2 {
    font-family: open sans !important;
    font-size: 15px !important;
    color: grey !important;
}

    Regards,
    Eva Kemp.

    #76967 Copied
    Avatar: ctrimde
    ctrimde
    Participant

    Hello Eva ,

    many thanks:-)- here the status :

    1.) Resolved! great
    2.) Resolved! its and autoresponsive thing depending on browser
    3.) Resolved! its and autoresponsive thing depending on browser
    4.) Code made NO changes (and i did force refresh) PLEASE HELP!
    5.) Code made NO changes (and i did force refresh)PLEASE HELP!
    6.) Code made NO changes (and i did force refresh)PLEASE HELP!

    Please find here the Screenshot of how it looks now:
    http://lecity.org/wp-content/uploads/2015/08/Screen-Shot-2015-08-04-at-21.53.44.png

    Here the screenshot of how i would like it to look:
    http://lecity.org/wp-content/uploads/2015/08/Screen-Shot-2015-08-04-at-21.53.44.bmp

    It the SPACING- between the modules – its squashed right now- also the “edit” i would like to change size and colour- to brown and smaller

    Help is much appreciated. Many thanks!
    Claudia

    Please, contact administrator
    for this information.
    #78565 Copied
    Avatar: Jack Richardson
    Jack Richardson
    Support staff

    Hello,

    Please clarify if you want to change style of “my saved card”, “my vouchers”, “my addresses” titles or their content?

    Best regards,
    Jack Richardson.

    #78580 Copied

Want to reply? Log in, or register with your ThemeForest purchase code, to reply to this topic.

Login / Register