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

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.