How to fix the width for Settings page

I want to reduce the width of the settings page. It’s occupied 100%, I want to reduce it to 60%.

Kindly share the snippet code o reduce the size of the settings page.

Good day. Try this CSS custom style below.

.hp-template--user-edit-settings-page .hp-page {max-width:992px;margin:0 auto}

Thank you for your reply. It’s working fine.

But I have to change the same settings in the below list.

  • Dashboard
  • Listings
  • Messages
  • Settings
  • Sign Out

Kindly provide the snippet code for all the pages o provide the common snippet code that have include all the pages.

Thanks in advance.

Good day, sorry for the delay. Here is a CSS code for all user pages.

.hp-template--user-account-page .hp-page {max-width:992px;margin:0 auto}

Thank you for your reply.

But the snippet is not working on the order page. Kindly check and slove the issue.


Please disable third-party plugins and customizations (if there are any) and check if this issue persists. If you use a caching plugin, make sure that caching is disabled for logged-in users.

It was tested locally and seems to be ok. If you do not use one of the HivePress Themes Themes | HivePress then it can require further customization for your theme. If you are not familiar with the code customization then please consider hiring someone for custom work