Home Forums Air WordPress Theme PageBuilder content positioning/alignment

This topic contains 6 replies, has 2 voices, and was last updated by  SeaTheme 7 months, 3 weeks ago.

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #18152

    xtn05
    Participant
    Purchased

    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?

    #18153

    SeaTheme
    Keymaster
    Purchased
    Supported

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

    #18159

    xtn05
    Participant
    Purchased

    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.

    #18161

    SeaTheme
    Keymaster
    Purchased
    Supported

    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

    #18165

    xtn05
    Participant
    Purchased

    Thank you! That works!

    #18169

    xtn05
    Participant
    Purchased

    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/

    #18170

    SeaTheme
    Keymaster
    Purchased
    Supported

    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; }
    }
Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.

Join Newsletter(FREE)

Subscribe to our newsletter to receive news & updates. We promise to not spam you, super promise!