Tell us what you are trying to do?
with using the messaging system the single message layout does not fit in the front end. I can`t change the settings nor edit the template form
Is there any documentation that you are following?
no other tickets found for this
Is there a similar example that we can see?
see attached front end picture
What is the link to your site?
hidden link (maintenance mode is on - Minesh is already involved in other task)
Hello,
Same as your another thread, I can not login your website.
Please check it, make sure it is a valid admin account, and can login your website. thanks
Private message box enabled again, in case, you can provide another valid admin account.
Hi Luo, after playing a little with the options i think this is the problem which leads to layout problems.. there is another "box" behind .single-message{}
No, I can not login with the credentials you provided above, I get the same error:
Access protected
Due to attacks the access from foreign countries has been denied. Please contact your hosting provider for instructions to remove this restriction.
Please check it, update here when your website is ready for debug.
I can login your website now, please point out the problem page, where I can see the screenshot you mentioned above:
https://toolset.com/wp-content/uploads/2020/12/1884237-layout_problems.png
Sorry to not mentioning the problem sites..
Backend:
hidden link
Frontend:
hidden link
Hi Luo, somehow the admin password didn't worked anymore.. I have edited it in the upper "private" messag section to the actual password.
It is a CSS issue, your theme file:
hidden link
is using below CSS codes:
.gridContainer {
max-width: 1232px;
...
}
You can override it like this:
.gridContainer {
max-width: 100%;
...
}
See my screenshot max-width.JPG
More help:
hidden link
After changing the style.css like you mentioned, there is no change in the frontend. There was a line for box sizing, also with deleting this line I have nothing new on the frontpage.
Do you think there could be a nother reason for the shown "2. Grid-Box"?
I have done below modifications in your website, edit the content template:
hidden link
In CSS Editor, at the bottom, add below CSS codes:
.single-message .gridContainer {
max-width: 100%;
}
For your reference.
My issue is resolved now. Thank you!