- This topic has 4 replies, 2 voices, and was last updated 8 years ago by
.
-
Posts
-
hello,
I don't know if this is normal but the design of my-account page is very poor. I can't check it from the demo since I can't pass the login form. is it supposed to look like this? if so, I need a better looking page. it's worse than standard storefront theme and the only page not shown in the demos. Any suggestions?
Hi,
Currently, we use style default the page "My Account" of Woocommerce.
If you have any suggestion or design, I can help you add style to the page "My Account".
We will update this page to next version.
Best regards,
when will be the next version?
I've attached an image to show how it looks. It's quite primitive with no special design at all.
if next version will be late, I need to modify my-account page a bit. to do so I need to modify the woocommerce my-account page I assume but theme style overrides default my-account style of woocommerce. So it won't be as easy as it looks. You have any idea about how to proceed?
Hi,
You can add this lines to Custom CSS in Theme Options or the "style.css" file of Child Theme.
nav.woocommerce-MyAccount-navigation li a{
display: block;
max-width: 200px;
background: black;
margin-bottom: 20px;
padding: 5px;
text-align: center;
}
nav.woocommerce-MyAccount-navigation li {
list-style: none;
}
.woocommerce-MyAccount-content > p:first-child {
border-top: 3px solid #1e85be;
padding: 30px;
background: #f7f6f7;
}
.woocommerce-MyAccount-content > p:first-child:before {
font-family: WooCommerce;
content: '\e028';
display: inline-block;
color: #1e85be;
margin-right: 13px;
}
Hope it helps!.
Thanks.
Hi, if custom css is the case, I've modified it a bit and now it looks good until your next release. Here is the CSS
nav.woocommerce-MyAccount-navigation {
width: 15% !important;
}
nav.woocommerce-MyAccount-navigation ul {
padding-left: 0px;
}
nav.woocommerce-MyAccount-navigation li a {
display: block;
max-width: 200px;
background: black;
margin-bottom: 20px;
padding: 5px;
text-align: center;
color: #fff;
}
nav.woocommerce-MyAccount-navigation li {
list-style: none;
}
.woocommerce-MyAccount-content {
width: 83% !important;
}
.woocommerce-MyAccount-content > p:first-child {
border-top: 3px solid #1e85be;
padding: 30px;
background: #f7f6f7;
}
.woocommerce-MyAccount-content > p:first-child:before {
font-family: WooCommerce;
content: '\e028';
display: inline-block;
color: #1e85be;
margin-right: 13px;
}
You must be logged in and have valid license to reply to this topic.
