PageBuilder content positioning/alignment

[xtn05]

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?

[SeaTheme]

Hi,

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 – Facebook

[xtn05]

Hello

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.

[SeaTheme]

Hi,

Put the Text/Image mods into a fullwidth wrap:
https://drive.google.com/open?id=1xZb7YzrATy8bgtoS0rQWLusseDsqFhYl

Click settings of this fullwidth wrap, set inner width:
https://drive.google.com/open?id=1l_KDwUWdqv0dJEIQzfqcq5y76zb5x-2u

RG

[xtn05]

Thank you! That works!

[xtn05]

Hello, 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?

https://www.harimanow.com/china-girl-2/

[SeaTheme]

Please 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; }
}

[Author]

Posts