Home › Forums › Air WordPress Theme › PageBuilder content positioning/alignment
- This topic has 6 replies, 2 voices, and was last updated 7 years, 2 months ago by
SeaTheme.
-
AuthorPosts
-
April 3, 2019 at 12:34 am #18152
Hello, when I create a page using PageBuilder, all the content sits flush left. How do I make the content sit relative in the middle like it does when I use Classic Editor?
April 3, 2019 at 3:53 am #18153Hi,
Please leave the issued page URL, I need to check it.
ps: you could stop all 3rd plugins to check if works firstly.Regards!
Bwsm – uiueux.com – Twitter – FacebookApril 3, 2019 at 5:11 am #18159Hello
1. This is the page I made using PageBuilder
https://www.harimanow.com/china-girl/2. And this is what I made using Classic Editor
https://www.harimanow.com/china-girl-2/I like the middle relative alignment in example 2. How do I get that using PageBuilder?
Thanks!
Note that the content is just an example.
April 3, 2019 at 5:51 am #18161Hi,
Put the Text/Image mods into a fullwidth wrap:
https://drive.google.com/open?id=1xZb7YzrATy8bgtoS0rQWLusseDsqFhYlClick settings of this fullwidth wrap, set inner width:
https://drive.google.com/open?id=1l_KDwUWdqv0dJEIQzfqcq5y76zb5x-2uRG
April 3, 2019 at 6:07 am #18165Thank you! That works!
April 3, 2019 at 11:44 pm #18169Hello, just one more question that I didn’t notice yesterday.
So your fix by setting the inner width gets me halfway there. The content is now floating in the middle like I want it to but it still expands as the window gets bigger. Is there a way to make the content a fixed width using PageBuilder so it looks more like this?
April 4, 2019 at 2:13 am #18170Please use the custom CSS(“Appearance > Customize: Additional CSS”) to set fixed width for the 70% width of fullwidth:
.fullwrap-inn-width-70, .fullwrap-inn-width-70.row {padding-left: 20px; padding-right: 20px;} @media (max-width: 767px) { .fullwrap-inn-width-70, .fullwrap-inn-width-70.row { width: 100%; } } @media (min-width: 768px) { .fullwrap-inn-width-70, .fullwrap-inn-width-70.row { width: 750px; } } @media (min-width: 992px) { .fullwrap-inn-width-70, .fullwrap-inn-width-70.row { width: 970px; } } @media(min-width:1200px) { .fullwrap-inn-width-70, .fullwrap-inn-width-70.row { width: 970px; } } -
AuthorPosts
- You must be logged in to reply to this topic.
