[AntoineParticipant]

Hello,

I noticed a problem with my website. There is a grey part bellow the footer. You can see it on this page for example: https://kyani.co/devenir-distributeur/marketing-de-reseau/

Could you please explain me how to remove it or what could cause the problem ?

Thanks,
Antoine

[ChristopherModerator]

Hi there,

The gray background is body background. When there is not enough content in a page, body background is being displayed. Please add some content to this page to fix this.

Thanks.

[AntoineParticipant]

Thanks for the quick response.

The grey background is bellow the footer, which is what I do not understand. There should not be any part below the footer. How can I remove it?

I have the problem on a page where I use an iframe (https://kyani.co/boutique/) and there is this grey part on the bottom and I do not want this.

Thanks for your help,
Antoine

[ChristopherModerator]

Hi there,

Whole visible content wrapped within body tags, e.g :header, content,footer,…
There should be enough content in content area to fill the screen height, otherwise body background color is being displayed after the last body tag. You can increase iframe height by updating height="600" attribute.

Hope it helps.

[AntoineParticipant]

Thanks you, it partially solves the problem.

The problem that I now have, is that depending on the screen size, you do have two scroll bars on the right side (the one from the iframe, the one from my website). How can I remove the scroll bar from my website, so that the only scroll bar is the one from the iframe ?

Thanks,
Antoine

[ChristopherModerator]

Hi there,

Please add following code under cornerstone settings tab/ custom CSS to apply it to this specific page :

html {
    overflow: hidden;
}

Hope it helps.

[AntoineParticipant]

Thanks, it partially works.

It solves the problem of the double scrolling bar but creates the following problem:

1. I have the problem of the width of the page. I’d like it to be fullwidth but on this page only. I tried a few things without success and I will please need your help another time.

2. The height of the website is not done properly and you can’t see the bottom of the page.

Thanks,
Antoine

[JoaoModerator]

Hi Antoine

1-

I am not sure what you are trying to achieve, but you probably could turn off the column container of your ROWs in Cornerstone, if you provide a mockup of how you would like your site to look that would be great.

2-

You have that white at the bottom because you have no content on your page.

You can add the following CSS to Appereance > Custom Customizer:

.x-main.full {
    min-height: 400px;
}

But it is actually unnecessary, you could simply add content to your page.

Hope that helps

Joao

[AntoineParticipant]

Hi Joao,

Thanks for your answer. Disabling the column container did the job for the margins on the sides. I now still have the problem at the bottom of the website, as you can’t see the bottom of it.

Please go to this page to understand: https://kyani.co/boutique/

What I want to achieve is have the iframe displayed as it is originally, but with the url being the one of my website. I also want only one scrollbar on the right side, which is why I added the following code that you provided:

html {
    overflow: hidden;
}

Any idea how to do it?

Thanks,
Antoine

[JoaoModerator]

Hi Antoine,

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks

Joao

[AntoineParticipant]

This reply has been marked as private.

[JoaoModerator]

Hi There,

Please add the following code to Appereance > Customizer > Custom > CSS

body footer.sts-footer {
    min-height: 200px !important;
}

Hope that helps

Joao

[AntoineParticipant]

Thanks Joao.

It does unfortunately not work. I tried to add the code in the custom CSS, in the child them and in the CSS of the page in Cornerstone, but nothing happens. I still have the bottom of the page not showing up.

Any other idea?

Thanks,
Antoine

[JoaoModerator]

Hi There,

My bad, that is actually true, we cannot CSS an iframe 🙁

What page are you using inside the iframe? the only solution I can think of is that on that page you make your footer with a “longer bottom” to compensate, or you could try to use an iframe tag instead of the plugin you are using as well…maybe you get better results.

http://www.w3schools.com/tags/tag_iframe.asp

Let us know how it goes,

joao

[AntoineParticipant]

I am using this page inside the iframe: https://shop.kyani.net/?country=fr&locale=fr-fr

I cannot use the iframe tag as I need the plugin to make other changes on the iframe. How can I “make the footer with a “longer bottom” to compensate”?

[Author]

Posts