Account Page Tabs

  • Resolved Tflores57

    (@tflores57)


    8 years, 7 months ago

    Hi there, I have the latest WooCommerce, but the Account Page is still arranged as a “bulleted” list- is there something I am doing wrong? Consequently, I am currently styling mine to look similar as in a video called “Tabbed “My Account” pages in 2.6”.

    I have a few questions and will list them out. ANY help would be much appreciated!

    1. Being that I have set my tabs to float left, I am curious on how to have the information display to the right of those tabs (or like in a 2 column view) as opposed to underneath..?

    2. I have Font Awesome Icons and am inserting them into the woo commerce pages, but do not want to lose them in an update, is there a better way to do this?

    3. I have located the Account Pages via FTP and am wanting to edit each tab in order to add individual icons after each word (eg: Dashboard, Orders, Downloads) but am having difficulty finding the exact spot..

    I appreciate your time and am looking forward to any help / information that you will provide!

    Respectfully,
    Timothy

    https://www.ads-software.com/plugins/woocommerce/

Viewing 2 replies - 1 through 2 (of 2 total)
  • Caleb Burks

    (@icaleb)

    Automattic Happiness Engineer

    Hey Timothy,

    Yep, by default the account page tabs are a bulleted list. It’s up to the theme to style them.

    1) This is how it looks in the default 2016 theme: https://cld.wthms.co/123e6/2DqbOxHM. nav.woocommerce-MyAccount-navigation should be floated to the left, and nav.woocommerce-MyAccount-content to the right.

    2) Can just add in your icons with some custom css using the :before or :after selectors. Each item has a specific class, like ‘woocommerce-MyAccount-navigation-link–dashboard’.

    3) See #2 ??

    Maybe install and activate Storefront and check out the styling there. You can copy it over and use the same on your site. https://www.ads-software.com/themes/storefront/ – it looks like this: https://cld.wthms.co/13UUB/4lbSHozR

    Thread Starter Tflores57

    (@tflores57)

    Caleb, thank you for the information!

    This is how my page looked before.
    Before

    This is how it looks now.
    After

    I am still tweaking it altogether (haven’t styled the tables yet, but am much happier now.

    Thanks again, Caleb!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Account Page Tabs’ is closed to new replies.