Contact page formatting

planosaurus — Fri, 24 Apr 2015 18:24:22 +0000

Hello-
I am setting up my contact page and having two problems getting the formatting to match your demo.

First, I want the buzz and follow us to be next to each other and can’t figure out how to do that.

Second, I want the list of social media links to line up with spacing like your demo and no matter what I do it is not looking so hot.

Here is the test page: https://newtry.planosaurus.com/contact/

Thanks,
Megan

Reply To: Contact page formatting

IshYoBoy — Mon, 27 Apr 2015 05:29:41 +0000

Hi Megan,

First of all welcome! Hope you will love your new theme and will be able to make a super-duper website with it!

I guess the best way how to make the content look like ours is to copy it and amend it :) Please find the code below. What you can make is create a new page, switch to the “TEXT” tab of the WordPress editor. Not the “Visual” one which is selected by default. Then paste the code below and switch back to the visual one to edit it.

I guess you had some incorrect nesting in your page. Please let us know if this helped you see how we made it so you could do it yourself.

[map color="color3" latLng="36.5099367, -4.8863523" zoom="15" ]Where you can find me?[/map]

[one_full icon="icon-help-circle"]
<h1>Who am I?</h1>
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.

Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostru
[/one_full]

[divider]

[one_third icon="icon-location"]
<h1>Meet me</h1>
<strong>Address:</strong>
Calle Estación, 6
29601 Marbella
Spain

<strong>GPS:</strong>
36.510481,-4.885828
[/one_third]

[one_third icon="icon-comment"]
<h1>Contact me</h1>
<strong>Telephone:</strong>
(+34) 600 612 345
(+34) 952 752 321

<strong>Email:</strong>
info@creolio.com
[/one_third]

[one_third_last icon="icon-export"]
<h1>I'm active</h1>
[list type="social" ]
<ul class="social">
	<li>[icon icon="icon-facebook" ]<a href="#">Facebook</a>[/icon]</li>
	<li>[icon icon="icon-twitter" ]<a href="#">Twitter</a>[/icon]</li>
	<li>[icon icon="icon-gplus" ]<a href="#">Google+</a>[/icon]</li>
	<li>[icon icon="icon-pinterest" ]<a href="#">Pinterest</a>[/icon]</li>
</ul>
[/list]
[/one_third_last]

[section color="color2"]

[one_full icon="icon-mail-alt" ]
<h1>Leave me a message and I will contact you</h1>
[contact-form-7 id="151" title="Contact form"]
[/one_full]

[divider]

[one_full_last]
<h1>Have a look under the hood</h1>
Loving the theme's design and front-end but having doubts what's waiting for you in the back-end? Well.. Have a look under the hood!

[button size="big" url="https://themes.ishyoboy.com/creolio/wp/features/"]View all features![/button]

[/one_full_last]

[/section]

[map color="color3" latLng="36.5099367, -4.8863523" zoom="15" ]Where you can find me?[/map]

[one_full icon="icon-help-circle"]

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.

Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostru

[/one_full]

[divider]

[one_third icon="icon-location"]

<strong>Address:</strong>

Calle Estación, 6

29601 Marbella

Spain

36.510481,-4.885828

[/one_third]

[one_third icon="icon-comment"]

<h1>Contact me</h1>

<strong>Telephone:</strong>

(+34) 600 612 345

(+34) 952 752 321

<strong>Email:</strong>

info@creolio.com

[/one_third]

[one_third_last icon="icon-export"]

<h1>I'm active

[list type="social" ]

[icon icon="icon-facebook" ]Facebook[/icon]

[icon icon="icon-twitter" ]Twitter[/icon]

[icon icon="icon-gplus" ]Google+[/icon]

[icon icon="icon-pinterest" ]Pinterest[/icon]

[/list]

[/one_third_last]

[section color="color2"]

[one_full icon="icon-mail-alt" ]

Leave me a message and I will contact you

[contact-form-7 id="151" title="Contact form"]

[/one_full]

[divider]

[one_full_last]

Have a look under the hood

Loving the theme's design and front-end but having doubts what's waiting for you in the back-end? Well.. Have a look under the hood!

[button size="big" url="https://themes.ishyoboy.com/creolio/wp/features/"]View all features![/button]

[/one_full_last]

[/section]

Cheers

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market

Support ForumContact page formatting – Support Forum

Contact page formatting

Reply To: Contact page formatting

Leave me a message and I will contact you

Have a look under the hood