CMS Development

Jlawal
Top colaborador(a)

Remove white space to the right of page

resolver

There is white space to the right of a few of my pages that use similar templates.

 

Here is an example of one.

 

I think it is pulling through from either the menu or the header of the pages.

 

Does anyone have any idea why this is happening and how to get rid of it?

 

Any advise would be greatly appreciated.

 

Many thanks,

 

Jamila

1 Solução aceita
tjoyce
Solução
Especialista reconhecido(a) | Parceiro Elite
Especialista reconhecido(a) | Parceiro Elite

Remove white space to the right of page

resolver

@Jlawal - On your grid of logos, the margins on the left and right and changing the width of the parent container. Those are inline styles in the DnD builder. Can you change those to padding instead of margins?

Here's a screenshot: https://monosnap.com/file/dUflFpA7oOPa3WjXRBINL1Xnrm2Yf6


If this answer helped, please, mark as solved 😄


tim@belch.io | forms.belch.io | Design your own Beautiful HubSpot Forms; No coding necessary.

 

Drop by and say Hi to me on slack.

Exibir solução no post original

5 Respostas 5
tjoyce
Solução
Especialista reconhecido(a) | Parceiro Elite
Especialista reconhecido(a) | Parceiro Elite

Remove white space to the right of page

resolver

@Jlawal - On your grid of logos, the margins on the left and right and changing the width of the parent container. Those are inline styles in the DnD builder. Can you change those to padding instead of margins?

Here's a screenshot: https://monosnap.com/file/dUflFpA7oOPa3WjXRBINL1Xnrm2Yf6


If this answer helped, please, mark as solved 😄


tim@belch.io | forms.belch.io | Design your own Beautiful HubSpot Forms; No coding necessary.

 

Drop by and say Hi to me on slack.

Jlawal
Top colaborador(a)

Remove white space to the right of page

resolver

Hi @tjoyce

 

Thank you for replying!

 

I have made that change and  although the white space has gone, my icons are now squished together rather than spread out like before Gato Triste. Do you know how i can fix this?

 

Many thanks,

Jamila

tjoyce
Especialista reconhecido(a) | Parceiro Elite
Especialista reconhecido(a) | Parceiro Elite

Remove white space to the right of page

resolver

@Jlawal - I see that... I think you will have to go into the builder and do 3 rows instead of 2 or remove the inline styles altogether and let that be a full width row without a container.

Jlawal
Top colaborador(a)

Remove white space to the right of page

resolver

Hi @tjoyce,

 

Thank you!! I removed the styling around the container, but then the logos on the bottom row didn't sit right, so i added 'padding-left: 135px;' and changed the max-width to 1900px and now it looks as it did before.


Is that ok do you think?

tjoyce
Especialista reconhecido(a) | Parceiro Elite
Especialista reconhecido(a) | Parceiro Elite

Remove white space to the right of page

resolver

@Jlawal - I'm on a 4k monitor so I can test the higher resolutions and it doesn't work. See screenshot below:

4k.png

What I recommend is that you remove all of those inline styles on that element and just add the class "page-center"

see this screenshot after adding page-center and removing the inline styles

pc.png