This is not an iframe; it is simply a “overflow-y” scrollbar. The scrollbar appears because the CSS for the description specifically defines this behavior. See this screenshot https://prnt.sc/twhpKE-Jylrh
This is not a big issue because it is a result of the default theme CSS. The theme developer has designed it this way. I think it is good, not bad. However, if you want to change this, there are a few solutions:
Quick Fix: If you want a quick solution, you can add one line of CSS to hide the overflow:
.hubhood-scrollable-block .hubhood-listing-widget-content {
max-height: 320px;
overflow-x: hidden;
overflow-y: hidden; (update line)
}
This will remove the scrollbar, but it will also hide any content that extends beyond 320 pixels.
Adjust Height: A more flexible solution is to set a max-height
that fits your content:
.hubhood-scrollable-block .hubhood-listing-widget-content {
max-height: 320px;(increase this your needed)
overflow-x: hidden;
overflow-y: auto;
}
This way, you can still control the height and avoid unwanted scrollbars, while ensuring that your content remains visible.
Add the following code to your theme’s custom CSS option or custom CSS plugin:
Please choose the method that best suits your needs.
Best regards,
MD Mostofa Kamal