Home>Support>Page Builder Layout conflicting with contact Form 7

Page Builder Layout conflicting with contact Form 7

Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

Me again!
Hope you guys are ok, this is the new site we are working with: http://tfranco.mx/

we are trying to style the home page like this: http://tfranco.mx/wp-content/uploads/2015/04/How-We-Want-IT.jpg

The current setup is the following:
Page Builder with 2 Columns (Golden Ratio, left to right)
On the first column we have a text widget with the contact form 7 shortcode and some text.
On the second column we added a meta slider with R slide, 1 image and a caption we are later styling with css.

Also is it possible to adjust the first section so it fits the screen 100% no matter the size?
How can we target individual widgets to add different color backgrounds in the same column. ¿Is it done in the custom Css section?

Thanks again!
J.

URL: http://tfranco.mx/

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 10 years, 3 months ago Andrew Misplon
    Hi, I Work Here

    Hi Jose AMezcua

    Would it be possible for you to create a temporary admin account for us so we can log in and take a look? You can create the account with the following email address:

    [email protected]

    Just navigate to Users > Add New in your WordPress admin. Enter siteorigin for the username and [email protected] for the email address. Make sure you’ve selected Administrator for the role and enabled the “Send Password” field so we receive the details.

    Once we’re finished taking a look, you can delete this account. We’ll let you know when to do that.

    We’ll take a look at the layout problem first and then assist with your other questions after that .Thanks.

  2. 10 years, 3 months ago Private Message - WordPress

    This is a private message.

  3. 10 years, 3 months ago Jose AMezcua

    Done my friend!
    Thanks in advance!
    J

  4. 10 years, 3 months ago Andrew Misplon
    Hi, I Work Here

    Thanks, here we go:

    http://tfranco.mx/

    Under Custom CSS I have removed bottom #main padding from home page.
    I have added a custom row class for Page Builder to get around some old Vantage styling.
    You will see both the above near the top of Custom CSS.
    I have then edited your row on the home page, clicked Attributes and used my new CSS class name.

    Most important of all, I closed the divs in your contact form, that’s why the slider was falling underneath the form, missing div closing tags.

    Here is the CSS I added:

    /* Home */
    
    .home #main {
    	padding-bottom: 0;
    }
    
    /* Page Builder Custom Row Style */
    
    .layout-full .no-padding.panel-row-style {
    	padding-top: 0;
      	padding-bottom: 0;
    }
    
Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More