Divi My Account Page Lite

My Account Classic #

My Account Classic gives you the ability to style the account page Navigation (endpoints) and the look of the tables, forms and notifications which appear in the account content.

IMPORTANT: This module needs to be placed on the page where the WooCommerce My Account page is set to be. Usually it is on yourdomain.com/my-account/ . This is because when switching between the tabs it loads the endpoint url-s under the url of the main account page. For example: /my-account/orders/ , /my-account/new-endpoint/ etc.

To style it, go to the WooCommerce My Account page and load the Divi My Account Classic module.

In My Account Classic Content tab you can do the following: #

– Set up the navigation Breakpoint – this allows you to set up the exact point in pixels where your navigation will transform into mobile look
– Endpoint preview – this allows you to set up which endpoint to load/view on the visual builder. You can switch between the endpoints to see how they look on the front-end when you style them.
– Background – you can set up a background for the whole account module from here. This background will be applied to both the Navigation and Content sections.

In My Account Classic Design tab you can do the following: #

– Set up the layout of the Navigation and content – You can set up a gap between the Navigation and Content Sections and you can Equalize or not the height of Navigation and Content Sections

– Style the general navigation bar – Background, width, padding, borders and box shadow
– Style each individual Navigation item and its Active and Hover states – items gap, icons size, padding, font, border and box shadow

– Style Endpoint Content and text in General – From here you can style the text, padding, background and box shadow of the content section. This will be applied to every content tab

– Style the Tables – you can style the look of the tables from here. Tables can be seen in “Orders” and “Downloads” tabs for example. You have the ability to style the table borders and background, row borders, style individually background and padding for Head and data sections of the tables, and also set them up to show a different background color on every second row. You can also style the button of the tables.

– Style the Notifications – Notifications can be seen where there is no content in the endpoint. For example when there are no orders made yet, or “No downloads available yet” etc. You can style the Notifications border, background, text, padding, box shadow and button.

– Style the Forms – You can find a form in the “Account Info” tab for example. You can style its background, padding, borders, form labels text, form fields text and background, button.

– You also have the Transform and Animation options which are standard for Divi Modules.