CMS Development

Jlawal
Top Contributor

Remove white space to the right of page

SOLVE

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 Accepted solution
tjoyce
Solution
Recognized Expert | Elite Partner
Recognized Expert | Elite Partner

Remove white space to the right of page

SOLVE

@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.

View solution in original post

5 Replies 5
tjoyce
Solution
Recognized Expert | Elite Partner
Recognized Expert | Elite Partner

Remove white space to the right of page

SOLVE

@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 Contributor

Remove white space to the right of page

SOLVE

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 Cat Sad. Do you know how i can fix this?

 

Many thanks,

Jamila

tjoyce
Recognized Expert | Elite Partner
Recognized Expert | Elite Partner

Remove white space to the right of page

SOLVE

@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 Contributor

Remove white space to the right of page

SOLVE

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
Recognized Expert | Elite Partner
Recognized Expert | Elite Partner

Remove white space to the right of page

SOLVE

@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