Docs

[eimkeith]

For example: http://zuffenhaus.jkeithwalters.com/my-account/

Can this be modified so as to narrow and center the content on desktop without affecting the product or shop pages?

I’d like to do so to narrow the fill-in fields for Username, Password, etc. and keep it looking intentional.

[Rahul]

Hey There,

Thanks for writing in!

Do you mean to say you only want to narrow the field boxes on the page or the whole body content of the my-account login page?

Thanks

[eimkeith]

Hi! Either would be fine, but narrowing the entire body content would be nicer, I think.

[Jade]

Hi there,

Please try to add this code in the customizer:

.page-id-52 .x-main {
    width: 50%;
}

Hope this helps.

[eimkeith]

That cleans up the width, thank you. Is there a way to move it back to where it was (back to the left) so that it is centered on the page?

align: left; perhaps?

[Joao]

Hi There,

Update the code above given to:

.page-id-52 .x-main {
width: 50%;
margin-right: 15%;
}

Hope that helps,

Joao

[eimkeith]

Yes! turns out margin-right: 25% was my magic number, but that works perfectly.

Thank you!

[Joao]

Great to hear it.

Let us know if you need help with anything else.

Joao

[Author]

Posts