Archived topic
text alignment, container padding
3 replies · Started by Antal on January 21, 2019
Hi, I have quite a lame support question, can't find the answer in the docs on the site. Before I start to try things with additional CSS maybe there is a very simple solution.
The container width is set to 1400. One container. Padding 40px.
When used a white background, and a white content background, the text alignment of the content is 40px off when compared to the header and footer content.
When viewed on a mobile, the alignment is ok.
https://www.dropbox.com/s/2j569d0a37r3mpc/Schermafdruk%202019-01-21%2016.08.05.png?dl=0
https://www.dropbox.com/s/udajed4ryxcggus/Schermafdruk%202019-01-21%2016.08.39.png?dl=0
What is the most easy way to get the content aligned like this always?
https://www.dropbox.com/s/iarv11ov6lz3vjd/Schermafdruk%202019-01-21%2016.09.05.png?dl=0
Also on desktop view?
Thanks a million :)
Hi there,
you can try something like this CSS:
body .grid-container:not(#page) {
max-width: 1320px;
}Adjust the max-width to suit - is should be the Container Width ( 1400px ) minus the left and right padding ( 80px ). Let em know
Thanks David, that does the trick.
:)
Have a nice day!
Glad to be of help.
