1. PROMO Subscribe our All Access Pass @ 75% OFF & access all our 16+ premium Divi extensions: Divi Block Pro, Carousel Toolkit, etc.LEARN MORE
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

    The login button, I’d like to make it center between the logo and menu icon :)
     
    1. PRO MEMBER PERKS Divi Ultimate Archive Plugin - Tons of elegant premade sidebar styles to choose from for your Divi site:Learn More
  2. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    1. Go to the button module settings & set the margin bottom to be 0.
    2. Then go to the Button module settings > Advanced > Custom CSS > Main Element & add margin-top: 21px!important;
    3. Then go to the menu module settings & set the margin top to be 26px.
     
  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

    Everything is almost OK, now I got the button in the middle but can't find the way to make its vertical align is in the middle, also, the padding bottom of the text is a little bit bigger than the padding top. Can you help me?
     
    1. PRO MEMBER PERKS Divi Block Pro - Premade mega menu design for your Divi site without using any plugins:View Demo
  4. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Just go to the Button module settings > Advanced > Custom CSS > Main Element & change the margin top CSS to be 10px.
    Just go to the button module settings & set the padding top and bottom to be the same.
     
    Kevin Nguyen likes this.
  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

    Thanks. I made it, however it so difficult to customize, I'd say ~
    How can I have the width of the section .et_pb_row_37, body.et_boxed_layout #page-container .et_pb_row_37.et_pb_row is 100% instead of 79.99%? (I mean the entire mobile menu's section is slight narrower than it should be)
     
    1. PRO MEMBER PERKS Divi Block Pro - Premade content toggle design for your Divi site without using any plugins:View Demo
  6. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    That's seem to be set in your Row Settings width. Just go to the Row Settings to change the width.

    Alternative, you may use the below CSS in Divi > Theme Options > Custom CSS to force the width:
    Code:
    Log In or Sign Up to view this code.
     
    Kevin Nguyen likes this.
  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

    There's no such setting in the Row Settings so I've added the code to Custom CSS, it works. Thank you so much for the helping
     
    1. PRO MEMBER PERKS Divi.Help Pro Layout Packs - Agency Divi layout pack featuring unique comment design on single blog post page:View Demo