This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Page Builder Layout conflicting with contact Form 7

Open 4 replies premiumthemetheme-vantage
Jose AMezcua
10 years ago · Last reply by Andrew Misplon 10 years ago

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.

Need fast email support? Get SiteOrigin Premium

Replies

4
  1. Andrew Misplon Staff 10 years, 10 months ago

    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. WordPress Private 10 years, 10 months ago

    This is a private message.

  3. Jose AMezcua 10 years, 10 months ago

    Done my friend!
    Thanks in advance!
    J

  4. Andrew Misplon Staff 10 years, 10 months ago

    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.

Have a different question or issue?

Start New Thread