Community @ The Turning Gate

Support community for TTG plugins and products.

You are not logged in.

#1 2016-02-18 06:52:25

ba.bolding
Member
Registered: 2013-09-23
Posts: 22

Can You Center The Contact Form? - CE4 Pages

I would "potentially" like to use the contact from only on the Contact page without any image or text. There doesn't seem to be an easy way to center this horizontally on the page via the LR interface. If anyone has some experience having done this or knows whether this can be done - please rsvp. If this is going to be via custom css - then it would be helpful to know the exact process/details etc.etc. I know only the most basic aspects of web code/css - bear that in mind. Thanks.

Offline

#2 2016-02-18 09:12:26

rod barbee
Moderator
From: Port Ludlow, WA USA
Registered: 2012-09-24
Posts: 12,900
Website

Re: Can You Center The Contact Form? - CE4 Pages

this ended up being easier than I thought it would be.

In Appearance > the Contact Form, configure the Contact Form Location to be in Main Column

In Color Palette > the Contact page, set Columns to One-column (no sidebar)
Make sure there is no content in the Page Copy field.

You'll then need to use custom css to center the form on the page:

#contact-form {
    margin: 0 auto;
}

Rod 
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 1.1.1 test site, Pangolin test site

Offline

#3 2016-02-18 09:38:47

ba.bolding
Member
Registered: 2013-09-23
Posts: 22

Re: Can You Center The Contact Form? - CE4 Pages

Thanks much Rod!

Offline

#4 2016-03-24 12:53:00

db61102
Member
Registered: 2016-02-25
Posts: 9

Re: Can You Center The Contact Form? - CE4 Pages

I want to do this same thing.

Can you tell me where to put the code? Do I have to do it in the actual source, or is there a way the template installs it in the right place?

Thanks,

David

Offline

#5 2016-03-24 13:38:29

rod barbee
Moderator
From: Port Ludlow, WA USA
Registered: 2012-09-24
Posts: 12,900
Website

Re: Can You Center The Contact Form? - CE4 Pages

Use custom CSS.
If you haven't done it already, you'll need to first enable phplugins
http://ce4.theturninggate.net/docs/doku … _phplugins

Then enable custom CSS
http://ce4.theturninggate.net/docs/doku … custom_css


Rod 
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 1.1.1 test site, Pangolin test site

Offline

#6 2016-03-24 22:01:51

db61102
Member
Registered: 2016-02-25
Posts: 9

Re: Can You Center The Contact Form? - CE4 Pages

Thanks for the reply, Rod. The instruction page for phpplugins is very intimidating, and probably not something I want to tackle. That's the reason why I'm using a template for my website! I thought it was supposed to be simple.

I may just have a web guy do a quick contact page in the same style as the rest of my site, and be done with it.

David

Offline

#7 2016-03-24 23:07:26

rod barbee
Moderator
From: Port Ludlow, WA USA
Registered: 2012-09-24
Posts: 12,900
Website

Re: Can You Center The Contact Form? - CE4 Pages

It's not really that hard.
If you're just wanting to center the contact form you could just enable phplugins for Pages instead of site-wide. Just click the enable phplugins check-box in Site Info and export. Then change the name of the exported phplugins-sample folder to just phplugins.
Open the phplugins.php file (inside of the phplugins folder) with a plain text editor and delete the indicated lines in the custom css area.
http://ce4.theturninggate.net/docs/doku … custom_css

inside the phplugins folder is a css folder. Inside of that is the custom.css file.
Open that with a plain text editor. You'll see some included css, which is there for the purpose of testing (as mentioned in the tutorial). You can delete this and add the code that will center the contact form:

#contact-form {
    margin: 0 auto;
}

Upload the new phplugins file to the root of the site. Upload all the pages files (index.php, contact.php, services.php, galleries.php, etc.) to the root of your site, overwriting what's already there.

That should take care of it.

But I would advise enabling phplugins site-wide just in case you want to implement any other customization in the future, such as drop-down navigation menus.
http://ttg-tips-and-tricks.barbeephoto. … ins-start/


Rod 
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 1.1.1 test site, Pangolin test site

Offline

#8 2016-03-25 03:24:02

db61102
Member
Registered: 2016-02-25
Posts: 9

Re: Can You Center The Contact Form? - CE4 Pages

Maybe I'll try that, Rod. Thanks for the help.

In the meantime, right now I am trying a simple HTML page with simple links on it. I've never really liked filling out contact forms myself anyway, but maybe that's just me.

David

Offline

Board footer

Powered by FluxBB