My Account
👤 My Account — WooCommerce Auto-Generated
WooCommerce automatically creates the My Account page. You don't need to build it from scratch.
To customise:
1. WooCommerce → Settings → Advanced → My Account page (confirm it's set)
2. Paste shortcode:
登录
3. Use the CSS below to style the sidebar and content area to match LuxeFlora's design
登录
Account Page Styling CSS
/* Add to Appearance → Customize → Additional CSS */
/* Account sidebar nav */
.woocommerce-MyAccount-navigation ul {
list-style: none;
background: #1E1A18;
padding: 24px;
}
.woocommerce-MyAccount-navigation ul li a {
color: rgba(255,255,255,0.45);
font-family: 'Jost', sans-serif;
font-size: 13px;
padding: 10px 14px;
display: block;
border-left: 3px solid transparent;
transition: all .2s;
}
.woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-MyAccount-navigation ul li a:hover {
color: #fff;
border-left-color: #C9897A;
background: rgba(255,255,255,0.04);
}
/* Account content area */
.woocommerce-MyAccount-content {
font-family: 'Jost', sans-serif;
font-size: 14px;
color: #6B5F59;
}