Contact page info reflowing

Hello, I don't see a good example of a Contact page on the Boutique demo site but I'm in need of a standard Contact page.

How do I get a good looking contact page that will hold the informaiton of the business along with a standard contact form?

When I create a Single Contact page through the Menu (create page) option, it puts it in like the attached image, dropping the form down. How do I make it look good? I will also want to drop in a map (google active map, preferably)

http://www.38west.com/otsm/index.php/contact-us

Please help,
Brian

For form moving down please add following css code in templates/gk_templatename/css/override.css and enable css override from template settings > advanced settings > css override "on".

Code: Select all

.jform_contact_first { width: 51% !important; }


Regarding google map you can use any google map plugin from joomla extensions and while in editor you can wrap your plugin shortcode in a div element with a class of your own and use css to move it to where ever you would like.

Example would be from your contact us page.In editor window you would have something similar to below. Please note below is only an example and not a working example code.

Code: Select all

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eget nisl eros. Suspendisse non sem leo. Suspendisse aliquet eros in erat commodo porttitor. Nam et tortor non enim ornare varius sit amet sed turpis.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eget nisl eros. Suspendisse non sem leo. Suspendisse aliquet eros in erat commodo porttitor. Nam et tortor non enim ornare varius sit amet sed turpis.

<div class="contactmap">
     {gogglemappluginshortcode latitude="xxxx" longtitute="xxxxxx"}
</div>


You would then use #contactmap in css to move it to your preferred position.

See you around...

Worked perfectly, thank you!

No problem at all, see you around...