Archived topic
Content overflowing outside of its container
9 replies · Started by Masud on January 5, 2022
Hi, I'm getting a little bit problem with overflowing issue. Content going outside entry-content. Someone told me Your theme has deigned the entry-content div with a fixed height. You need to make it overflow:auto. So I used
.entry-content {
overflow: auto !important;
}overflowing issue has gone, but the problem is, it's hiding some contents and creating scroll bar at the bottom. But when I use this code
.entry-content {
overflow: auto !important;
display: table;
width:100%;
}it resolves overflowing and hiding contents/creating scroll bar at the bottom issue.
Is this code safe to use? Is there any better solution for overflow problem?
Hi there,
Someone told me Your theme has deigned the entry-content div with a fixed height.
Not sure where you got the information from but this isn't true.
The theme itself shouldn't have any content overflowing.
Does this happen with all plugins disabled except GP Premium?
Let me know :)
This may be because of shortcode output of other plugin.
In that case, I would recommend checking with the plugin's support team.
Thank you.
So, content should be default as it is. Without overflowing entry-content this code also solve my problem. Can I use this code?
.entry-content:after {
content: "";
clear: both;
display: table;
}Hi there,
It's quite difficult to be sure if that CSS is the most appropriate approach if we don't get to fully observe the problem element.
I've checked the site you've linked and I didn't find the overflow issue but if you can tell us the specific condition where the overflow occurs, we can inspect the elements and figure out a way to prevent the overflow under the specified condition.
I tried clearing cache also.
Edit-Problem has been solved.
Nice one. Thanks for letting us know. Glad you got it sorted. :D
I though this problem is because of a plugin, but I can see this problem is happening with other plugin shortcode also and seems to be problemwith theme.
Could you please help me to solve this problem?
Hi Masud,
This doesn’t seem like a theme related issue. Upon investigation, I found that there is a specific CSS from your plugin causing this behavior: https://share.getcloudapp.com/nOuRYnm8
You can try adding this CSS to override this, but it would be best to reach out to the creator of this plugin for support with regards to this:
.categories-list {
float: none;
}Here is an article with regards to adding CSS: https://docs.generatepress.com/article/adding-css/#additional-css
Adding it through additional CSS should work.
Hope this clarifies. :)
