Skip to content

Instantly share code, notes, and snippets.

@gorobey

gorobey/WooCommerce-My-Account.css

Forked from abaicus/WooCommerce-My-Account.css
Created April 27, 2021 10:33
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save gorobey/e2a5aa16c9f6a206e74dd93a44f825fb to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save gorobey/e2a5aa16c9f6a206e74dd93a44f825fb to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. @abaicus abaicus renamed this gist Aug 5, 2016. 1 changed file with 0 additions and 0 deletions.
    0 WooCommerce My Account → WooCommerce-My-Account.css
    View file
    File renamed without changes.
  2. @abaicus abaicus created this gist Aug 5, 2016.
    93 changes: 93 additions & 0 deletions WooCommerce My Account
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,93 @@
    /**
    * My Account
    */

    .woocommerce-account .woocommerce-MyAccount-navigation {
    width: 20%;
    }

    .woocommerce-account .woocommerce-MyAccount-content {
    display: inline-block;
    float: left;
    margin-left: 5%;
    width: 75%;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation ul {
    padding: 0;
    border-top: 1px solid #eee;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation ul li {
    list-style: none;
    border-bottom: 1px solid #eee;
    padding-bottom: 0;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a:before {
    opacity: 1;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    padding: 10px 5px;
    display: block;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation ul li a:before {
    margin-right: 20px;
    opacity: .25;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover:before {
    opacity: 1;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a:before {
    font-family: 'FontAwesome';
    content: "\f0e4";
    }

    .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a:before {
    font-family: 'FontAwesome';
    content: "\f291";
    }

    .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads a:before {
    font-family: 'FontAwesome';
    content: "\f1c6";
    }

    .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address a:before {
    font-family: 'FontAwesome';
    content: "\f015";
    }

    .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--payment-methods a:before {
    font-family: 'FontAwesome';
    content: "\f09d";
    }

    .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account a:before {
    font-family: 'FontAwesome';
    content: "\f007";
    }

    .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:before {
    font-family: 'FontAwesome';
    content: "\f08b";
    }

    .woocommerce-account .woocommerce-MyAccount-content h2 {
    font-size: 25px;
    text-align: center;
    font-weight: 600;
    }

    .woocommerce-account p.order-again {
    text-align: right;
    }

    .woocommerce-account .woocommerce-EditAccountForm input[type="submit"] {
    margin-top: 50px;
    float: right;
    }