1. PROMO Subscribe our All Access Pass @ 75% OFF & access all our 16+ premium Divi extensions: Divi Block Pro, Carousel Toolkit, etc.LEARN MORE
Dismiss Notice
NEW Divi.Help Pro Carousel AI Toolkit - Magically turn your Divi design into carousel, simply by using our online toolkit. No plugins needed. Now it works with Divi 5 as well!Try our carousel AI toolkit
BEST Divi Block - A revolutionary drag & drop tool to easily mix & match 960+ premade blocks (Light & Dark) to kick start your Divi site design. Special module designs are included as well. Also newly added AI generator & color. Now it works with Divi 5 as well!
Learn More About Divi BlockFree Version ~ 340+ Free Blocks

Solved How to customize WooCommerce My Account page?

Discussion in 'Basic Support Forum' started by Kevin Nguyen, Mar 25, 2021.

  1. Kevin Nguyen

    Kevin Nguyen Member
    Divi Ultimate Child Theme Divi Powerful Child Theme Divi Ultimate Archive Plugin Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    Hello,

    The default style of DU for WooCommerce My Account page is so basic with only bullet list and links. Is there a way to customize it into something more professional or more eye-catching?
     

    Attached Files:

    1. PRO MEMBER PERKS Divi.Help Pro Layout Packs - Agency Divi layout pack featuring modern overlay archive blog layout with hover effects:View Demo
  2. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    DU doesn't have any styling for that. You will need to use Divi Builder to edit it. Here's tutorials on styling it:

    https://www.elegantthemes.com/blog/...-featured-product-section-for-logged-in-users

    https://www.elegantthemes.com/blog/...dd-memberpress-and-more-with-the-divi-builder
     
  3. Kevin Nguyen

    Kevin Nguyen Member
    Divi Ultimate Child Theme Divi Powerful Child Theme Divi Ultimate Archive Plugin Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    Oh, thank you! And, I'd like to insert a LOGIN menu into the mobile header menu like the MailChimp's homepage without breaking the global layout, is there a way I can do it like that?
     
    1. PRO MEMBER PERKS Custom Color Scheme + Premade Layouts - A perfect combination to boost productivity:Try Now
  4. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    By default, we're using the default Divi header in mobile.

    To add a button next to the mobile menu, you may try the below code in your child theme functions.php:
    Code:
    Log In or Sign Up to view this code.
    Alternatively, you may try to build the mobile menu in Divi Builder. You may refer to this similar design: https://www.elegantthemes.com/blog/...llapsing-nested-menu-with-divis-theme-builder
     
  5. Kevin Nguyen

    Kevin Nguyen Member
    Divi Ultimate Child Theme Divi Powerful Child Theme Divi Ultimate Archive Plugin Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    Do I have to adjust anything to get it appeared on my site after adding the above code? Cause I can see nothing after adding the code to functions.php ^^
     
    1. PRO MEMBER PERKS Divi Block Pro - Premade team carousel design for your Divi site without using any plugins:View Demo
  6. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Kindly share your URL.
     
  7. Kevin Nguyen

    Kevin Nguyen Member
    Divi Ultimate Child Theme Divi Powerful Child Theme Divi Ultimate Archive Plugin Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    1. PRO MEMBER PERKS Divi.Help Header AI Generator - Try the power of AI to generate a custom Divi header for you:Try Now
  8. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

  9. Kevin Nguyen

    Kevin Nguyen Member
    Divi Ultimate Child Theme Divi Powerful Child Theme Divi Ultimate Archive Plugin Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    Making new menu is not my option, so I did choose the 2nd option. Now I do have a button appear, but it doesn't float on the left of the menu icon ~ How can I have that?
     
    1. PRO MEMBER PERKS Divi Ultimate Archive Plugin - Replace the default archive "Older Entries" with beautiful pagination:Learn More
  10. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Try to go to the button module settings & set margin bottom to be -5px. You may also set the margin top to fit your need.
     
    Kevin Nguyen likes this.
  11. Kevin Nguyen

    Kevin Nguyen Member
    Divi Ultimate Child Theme Divi Powerful Child Theme Divi Ultimate Archive Plugin Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    1. PRO MEMBER PERKS Beautifully crafted custom colored 'Freelancer' Divi layout for all Pro members:View Demo
  12. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

  13. Kevin Nguyen

    Kevin Nguyen Member
    Divi Ultimate Child Theme Divi Powerful Child Theme Divi Ultimate Archive Plugin Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    I mean by clicking on the button will open the LearnDash login modal popup. In the tutorial I sent above they guide to set it up with a menu, but I don’t actually know how to do the same with a custom button :)
     
    1. PRO MEMBER PERKS Divi Mini Cart Pro Plugin - Instantly add 3 different types of mini cart to your Divi site:Learn More
  14. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    I see. For that case, you shouldn't be using the button module. You should just use a text module & insert their shortcode: [learndash_login]
     
    Kevin Nguyen likes this.
  15. Kevin Nguyen

    Kevin Nguyen Member
    Divi Ultimate Child Theme Divi Powerful Child Theme Divi Ultimate Archive Plugin Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    Is there a way to make a text look like a button with icon and boder like the one I setup on my site now?
     
    1. PRO MEMBER PERKS Divi Block Pro - Premade promo bar / notification bar with close button for your Divi site without using any plugins:View Demo
  16. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Kindly insert their shortcode & see how it looks like.
     
  17. Kevin Nguyen

    Kevin Nguyen Member
    Divi Ultimate Child Theme Divi Powerful Child Theme Divi Ultimate Archive Plugin Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    Here it is, but not only the design, the shortcode doesn't work well: https://thongtinhanquoc.com/
     
    1. PRO MEMBER PERKS Beautifully crafted custom colored 'Digital Marketing' Divi layout for all Pro members:View Demo
  18. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    You will need to go to the Text module settings > Advanced > Custom CSS > Main Element & add float: right!important;

    As to how the form behave, you should refer Learndash support about it.
     
    Kevin Nguyen likes this.
  19. Kevin Nguyen

    Kevin Nguyen Member
    Divi Ultimate Child Theme Divi Powerful Child Theme Divi Ultimate Archive Plugin Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    The customization is really hard because it also pull the modal popup style along with it.

    I decided to back to the original idea, making a simple button. Can you help me one last time to modify its style? Here it is: thongtinhanquoc.com
     
    1. PRO MEMBER PERKS Divi Block Pro - Premade logo carousel design for your Divi site without using any plugins:View Demo
  20. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Which specific style are you looking to amend?