（マイ）アカウントページ詳細

  • 著者:管理人
  • 記事の最終変更日:2024年8月25日

CSS

ダッシュボード>外観>カスタマイズ>追加CSSや、Scripts n Styles（プラグイン）等でコピペして使用します。

				
					/*（マイ）アカウントページはクラシックテンプレートを使用（デフォ一択状態）*/

/*ログイン、登録のフォントサイズ調整*/
li.login a, li.register a {
    font-size: 25px !important;
}

/*ログイン、登録の「または」調整（同上＋輪郭消し）*/
.woocommerce .owp-account-links li.or {
    width: 43px;
    line-height: 51px;
    color: #333;
    border: 0px solid;
    font-size: 14px;
}

/*ログイン、登録のチェックボックスの位置調整*/
.account-original-style .woocommerce #customer_login .form-row label.woocommerce-form__label {
    margin: 0 0 0 0px;
}

/*ログイン、登録のボタン改行（block）*/
button.woocommerce-button.button.woocommerce-form-login__submit {
    display: block;
    margin: 10px 0 0 0;
}

/*ログイン、登録のパスワードリセット位置調整*/
.account-original-style .woocommerce #customer_login .lost_password {
    position: relative;
    top: 20px;
}

/*ログイン後注文タブの表のフォントサイズ調整*/
table.woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table.shop_table_responsive.my_account_orders.account-orders-table {
    font-size: 12px !important;
}

/*ログイン後注文タブのボタン調整*/
.my_account_orders .button {
    padding: 8px;
    font-size: 10px;
    width: 70px;
    margin: 2px;
    float: right;
}