Return to previous page

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

This topic has 4 replies, 3 voices, and was last updated 10 years, 4 months ago ago by Jack Richardson

ctrimde

Participant

July 25, 2015 at 02:21

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
Eva Kemp

Participant

July 25, 2015 at 09:00
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
ctrimde

Participant

August 5, 2015 at 03:19

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

Jack Richardson

Support staff

August 5, 2015 at 07:56

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
Viewing 4 results - 1 through 4 (of 4 total)