Tagged: login form, my account page, woocommerce
Hi Team Enfold,
I would like to style the woocommerce login form in such a way so that the form is at the center and takes only 40-50% of the container width, not the whole container width as it is now.
You can refer to the screenshot below:
1. current screen: http://imgur.com/2BKKsvO
2. what i want: http://imgur.com/Gyp5wkC
Website url in the private content.
Appreciate your help.
Thanks!
Hey mhafeezmm,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#top.page-id-9 form.login, #top form.register {
min-width: 350px;
left: 50%;
transform: translateX(-50%);
position: absolute;
}
.page-id-9 #main .container_wrap_first {
border-top: none;
min-height: 500px;
}
Best regards,
Vinay
Hi Vinay,
Thanks for the css code. That did it!
Just one more favour though, the ‘Login’ (h2) title – can you help me position it at the center of the page?
Thanks.
Hi!
Please add following code to Quick CSS as well
.page-id-9 .woocommerce h2 {
text-align: center;
}
Regards,
Yigit