Contact form on bottom III widget

Hello readers and moderators,

I want to place a contact form on the Bottom III Wigdet (like the one on the "creativity" template).
I used some shortcodes, but it wont work. With some beginners (that's what i am) html, i get some
input fields, but i want a beautiful looking contact form.
Can somebody help me with that?

Or do i have to install "contact form 7" or something?

By the way: I have to say, your templates are Beautiful! There are several other builders, but i like Gavickpro the most!
(That has to be said )

Thanks!

Hi,

Great to hear, that you like our templates

In this theme we created only visual layer - example of the form/input field. You can try to copy contact form from Creativity Theme, but If you are html/php beginner i think you should try some 3rd party plugin like contact form 7.

If you want to try with Creativity, start with copy gavern_tss_contact_form funciton from Creativiy/gavern/helpers/helpers.shortcodes.php file.

Hi, I am trying to recreate the newsletter but the screenshots on the documentation page are really small . Where are these custom css styles we need to enter to get the effect or rather what should be inputed in that field.

Hi,
@trifoglio, yous hould add these custom css classess:
bigtitle newsletter normal-width white.

Heo Piotr!!!

Please check sign form on MusicTempt.com

And kindly suggest proper code for it

Currently using:

<p>Not ready to Signup yet??? Then Subscribe to get updates!!!</p>

<!– Begin MailChimp Signup Form –>
<link href=”http://cdn-images.mailchimp.com/embedcode/slim-081711.css” rel=”stylesheet” type=”text/css”>
<style type=”text/css”>
#mc_embed_signup{background:#D80000 ; clear:left; font:14px Helvetica,Arial,sans-serif; }

</style>
<!-- Begin MailChimp Signup Form -->
<link href="//cdn-images.mailchimp.com/embedcode/slim-081711.css" rel="stylesheet" type="text/css">
<style type="text/css">
#mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; }
/* Add your own MailChimp form style overrides in your site stylesheet or in this style block.
We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
</style>
<div id="mc_embed_signup">
<form action="http://waghya.us7.list-manage.com/subscribe/post?u=8205c56ba5b16df20799db75a&amp;id=bf92b6d912" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<label for="mce-EMAIL"></label>
<input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email address" required>
<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;"><input type="text" name="b_8205c56ba5b16df20799db75a_bf92b6d912" value=""></div>
<div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
</form>
</div>

<!--End mc_embed_signup-->

And colour of text in email appears white... only seen if selected

Thanks in Advance.

P.s is there any way I can use API for that?

Add this code into css/override.css file

Code: Select all

#mc_embed_signup {
background: transparent;
}

#mc_embed_signup input.email {
background: transparent;
border: 1px dashed #bbb;
color: #fff;
display: block;
float: none;
font-size: 16px;
font-weight: 400;
height: 62px;
line-height: 63px;
margin: 0 auto;
text-align: center;
text-transform: uppercase;
width: 65%;
}

#mc_embed_signup input.button {
float: none;
}

Thanks for that Piotr...
Look fine now, but still can't see the text typed in the email box.
http://www.musictempt.com/

Use also this code:

Code: Select all

#mc_embed_signup {
background: transparent!important;
}

#mc_embed_signup input.email,
#mc_embed_signup input.button {
margin: 0 auto!important;
}



WWOWOWO!!!!!

It worked well, Your are the best...

Thanks a lot