HOW TO EDIT THE BLOCK: "MOTORCYCLE BANNERS GRID – WOODMART"?

How can I correctly implement the solution proposed by me in the previous topic?

Hello,

While inspecting your site from the front end if we set that class width as:
width: 100% ;

Then it works at that time but the problem is that we can not apply CSS code from backend for that specific class “.center-wrapper”. CSS selector unable to select a class inside an iframe. Because iframe is a ‘hole’ in your page that displays another web page inside of it

Best Regards.

Therefore, I turned to you for help. Is there a solution for this problem?

Hello,

Sorry, it is not possible to set that layout to full width because the content is inside the iframe. It requires customization and this is beyond our limitations and support policy.

Best Regards.

I solved the iframe width problem using negative indentation (screenshot 1). Now I need to solve the problem with a large distance at the bottom of the iframe, how can I remove it? (screenshot 2).

Attachments:

You must be logged in to view attached files.

Hello,

Your problem is resolved. To remove the empty space from the bottom of the iframe. I used the below CSS code in the page CSS area:

iframe {   
    height: 1550px !important;
}

Result: https://jmp.sh/du8PabJ

Best Regards.

Now I have a scroll bar on the right (screenshot 1). Is it possible to remove it?

Attachments:

You must be logged in to view attached files.

Hello,

The only way to hide the scroll bar is to use enough height for that iframe which it required. So it will not display the scrollbar.

Best Regards.

On the mobile version of my site, the “calculators” page looks like shown in screenshots 1 and 2. Is it possible to indent between 2 – 3 and 4 – 5 images the same as between the rest of the images?

Attachments:

You must be logged in to view attached files.

Sorry, I solved this problem. I’ve got one more question. Screenshot 1 shows how, in the mobile version of the site, the page looks: http://test.tehnooptmetall.ru/raschet-krovli/. Is it possible to make the iframe display in full width?

Attachments:

You must be logged in to view attached files.

Sorry, I solved this problem as well.

Please tell me how can I set a different height for the iframe on the mobile version to remove the scroll bar shown in screenshot 1?

Attachments:

You must be logged in to view attached files.

Hello,

I’m glad that you solved the prior issues.

In the mobile version of the site, iframe of that page already displaying as full width and full height and no scroll bar is shown.

Screenshot for clarification: https://jmp.sh/MH9iogX

Kindly check after clearing your sit and browser cache and also check in some different browser or actual mobile device.

Best Regards.

Thank! You helped solve my problem.

Hello,

I’m so happy to hear you are pleased with the Theme and Support. XTEMOS strives to deliver the best customer experience, and it makes our day to hear we have accomplished that.

We count ourselves lucky to have you as a customer. You can always reach us at any time. We are always here to help you.

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards.

[Author]

Posts