Hi there, please see:
I have tried to figure this out myself, but im coming up trumps.
Basically I want the 1st section under the slider it to look like this:
https://ledgerops.kinsta.cloud/wp-content/uploads/2020/01/home-v2.png
I have added this code:
@media screen and (max-width: 979px) {
.align-element {
text-align: center;
}
}
.align-element-02 {
font-size: 19px;
}
.x-column {
float: left;
margin-left: 5%;
}
.align-element {
padding-top: 60px;
padding-right: 100px;
}
But its shifting the whole column (and I assume the whole page if I added more) to the right. So the headline is not centered. (this would be perfect if I could apply it to one container or content band but I dont know how)
Also on a mobile view, that added padding to the right is effecting the view: (ie its shifting to the left instead of being centered:
So, basically, I dont want to mess with all columns in the theme, just certain ones. I need the headline centered. And the 3 columns centered within the page as per my mockup (If I just do a normal container, with 3 columns, its set to float left, with a bigger margin on the right)
Thanks.