Search Results for 'contact form 7'

[Ben Ritner]

Ben Ritner

#26710

A function would look like this in your child theme functions file:

function kad_product_action() {
echo do_shortcode('[formlightbox_call title="lightbox form" class="1374826386773"]<button class="requestquote"><h3>Ask us a Question</h3></button>[/formlightbox_call][formlightbox_obj id="1374826386773" style="" onload="false"][contact-form-7 id="1013" title="Contact form 1"][/formlightbox_obj]');
}
add_action('woocommerce_single_product_summary', 'kad_product_action', 25);

Ben

[Ben Ritner]

Ben Ritner

#26605

Hey, I recommend contact form 7 plugin if you want to customize and edit the contact form.

Ben

[Richard]

Richard

#26494

Hi & Happy New Year to you!

I’ve gone and added a contact form button to our product pages using contact form 7 and some basic code in the product short description, but I would like to add it to the php template for our products if possible as it isn’t very elegant nor simple at the moment. Heres the code:

align: center;">[formlightbox_call title="lightbox form" class="1374826386773"]<button class="requestquote"><h3>Ask us a Question</h3></button>[/formlightbox_call]
[formlightbox_obj id="1374826386773" style="" onload="false"][contact-form-7 id="1013" title="Contact form 1"][/formlightbox_obj]</p>

Its currently on this page, I’m removing it from all other products as the code has to be re-entered every time a product is edited which is a pain. Heres an example:

*Login to see link

Cheers,

Richard

[Richard]

Richard

#26494

Hi & Happy New Year to you!

I’ve gone and added a contact form button to our product pages using contact form 7 and some basic code in the product short description, but I would like to add it to the php template for our products if possible as it isn’t very elegant nor simple at the moment. Heres the code:

align: center;">[formlightbox_call title="lightbox form" class="1374826386773"]<button class="requestquote"><h3>Ask us a Question</h3></button>[/formlightbox_call]
[formlightbox_obj id="1374826386773" style="" onload="false"][contact-form-7 id="1013" title="Contact form 1"][/formlightbox_obj]</p>

Its currently on this page, I’m removing it from all other products as the code has to be re-entered every time a product is edited which is a pain. Heres an example:

*Login to see link

Cheers,

Richard

[Sogol]

Sogol

#25761

Hi,

How can I online my images the same with mobile resolutions. For example with a min width of 720px, my images are next to each other horizontally.

Also, how can I align all my elements vertically in mobile resolutions. My logos, contact form and images are mismatched.

Thanks again for all your help.

[Sogol]

Sogol

#25761

Hi,

How can I online my images the same with mobile resolutions. For example with a min width of 720px, my images are next to each other horizontally.

Also, how can I align all my elements vertically in mobile resolutions. My logos, contact form and images are mismatched.

Thanks again for all your help.

[Sogol]

Sogol

#25624

I added a contact form “Contact Form 7” but unfortunately its a little glitchy because the buttons do not show up like they are suppose to. I added an upload button. :/

[Ben Ritner]

Ben Ritner

#25197

No, it’s not a contact form, It’s a testimonial form, meaning it will create testimonial posts on your site.

If you want a custom contact form use a plugin like contact form 7.

As for editing the css this will change the labels:

.testimonial-form-container label {
font-size: 18px;
color: #fff;
}

remove the border with this:
#kad-feedback-new-post input.full, #kad-feedback-new-post input.kad-quarter, #kad-feedback-new-post textarea {
border: 0;
}

Ben

[Hannah]

Hannah

#24824

Hey,
1. Can you post a link?
2. You can use the Virtue: Contact/VCard widget but it gives you limited options. You can also use this- https://wordpress.org/plugins/contact-form-7/
Once downloaded and activated would then just add the widget to your sidebar in appearance > widgets.

Hannah

[Ben Ritner]

Ben Ritner

#24645

Name:
E-mail:
Message:
Send Email:

^ Those are part of the language po files. You would have to translate the po files. It’s not the same as the default string translation area.

http://wpml.org/documentation/getting-started-guide/theme-localization/

You can use https://wordpress.org/plugins/contact-form-7/
If you want more control over your contact form and more control over the contact page.

Ben

[Nathaniel]

Nathaniel

#24502

I have my new website up and running (*Login to see link but I’m having a few issues. The first issue I am having is with my mobile navigation menu being stuck behind the revolution slider on the homepage. When I originally input the slider it was going full screen so we had to make an adjustment by adding some css code. Now I think that code is forcing the slider in front of the menu:

.sliderclass {
max-width: 1170px;
margin-left: auto;
margin-right: auto;
}

So I’m not sure how to make that slider code only applicable when viewing the desktop version.

Second issue I’m having is with the mobile version of my site. I want to use a different slider for the mobile version but I’m missing the plugins for the kadence and cyclone sliders.

Third issue is also related to mobile. When my mobile menu expands it is transparent and you can barely see any menu items. I’m certain that my css is clobbering it but I can’t pick it out. Any thoughts?

/***** GLOBAL *****/
.sliderclass {
max-width: 1170px;
margin-left: auto;
margin-right: auto;
}

#kad-banner {
padding-bottom: 20px;
}

#logo {
padding-bottom: 0;
padding-top: 0;
padding-bottom: 10px;
}

#thelogo {
height: 75px;
width: 360px;
margin: 0 auto;
padding-top: 10px;
}

#topbar {
pardding-top: 20px;
padding-bottom: 0;
}

#kad-banner>.container {
height: 80px;
padding-top: 0;
margin-top: 0;
}

.page-header h1 {
font-size: 28px;
text-transform: uppercase;
color: rgb(68,68,68);
font-weight: bold;
}

.footerclass {
border-top: 2px solid #BEB6BF;
}

/***** HOMEPAGE *****/
.home_content {
margin-top: 20px;
}

.home_content h5 {
border-bottom: 1px solid #BEB6BF;
margin-bottom: 15px;
padding-bottom: 5px;
}

.home_content a {
text-decoration: none;
color: #9773F1;
}

/***** BLOG *****/
.vendor_link {
text-decoration: none;
color:#B175BD;
}

/*****INFO PAGES *****/
.info_pages h1 {
font-size: 28px;
text-transform: uppercase;
color: rgb(68,68,68);
font-weight: bold;
}

.info_pages subtitle {
text-transform: uppercase;
}

.info_page h5 {
color: #76777A;
}

/***** FAQ PAGE *****/
.faq h5:hover {
color: #000000;
cursor: pointer;
}

.faq>.question>h5 {
color: #000000;
cursor: pointer;
line-height: 30px;
}

.faq>.answer p {
font-style: italic;
}
.faq a {
text-decoration: none;
color: #9773F1;
}

/***** ABOUT *****/
#contact_info {
padding-top: 0;
}

#submit {
// background-color: #898785;
background-color: #D0CFCE; background-image: -webkit-gradient(linear, left top, left bottom, from(#D0CFCE), to(#BCBCBC));
background-image: -webkit-linear-gradient(top, #D0CFCE, #BCBCBC);
background-image: -moz-linear-gradient(top, #D0CFCE, #BCBCBC);
background-image: -ms-linear-gradient(top, #D0CFCE, #BCBCBC);
background-image: -o-linear-gradient(top, #D0CFCE, #BCBCBC);
background-image: linear-gradient(to bottom, #D0CFCE, #BCBCBC);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#D0CFCE, endColorstr=#BCBCBC);
color: #000;
}

#submit:hover {
background-color: #BBBAB9; background-image: -webkit-gradient(linear, left top, left bottom, from(#BBBAB9), to(#A9A9A9));
background-image: -webkit-linear-gradient(top, #BBBAB9, #A9A9A9);
background-image: -moz-linear-gradient(top, #BBBAB9, #A9A9A9);
background-image: -ms-linear-gradient(top, #BBBAB9, #A9A9A9);
background-image: -o-linear-gradient(top, #BBBAB9, #A9A9A9);
background-image: linear-gradient(to bottom, #BBBAB9, #A9A9A9);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#BBBAB9, endColorstr=#A9A9A9);
}

[Nathaniel]

Nathaniel

#24502

I have my new website up and running (*Login to see link but I’m having a few issues. The first issue I am having is with my mobile navigation menu being stuck behind the revolution slider on the homepage. When I originally input the slider it was going full screen so we had to make an adjustment by adding some css code. Now I think that code is forcing the slider in front of the menu:

.sliderclass {
max-width: 1170px;
margin-left: auto;
margin-right: auto;
}

So I’m not sure how to make that slider code only applicable when viewing the desktop version.

Second issue I’m having is with the mobile version of my site. I want to use a different slider for the mobile version but I’m missing the plugins for the kadence and cyclone sliders.

Third issue is also related to mobile. When my mobile menu expands it is transparent and you can barely see any menu items. I’m certain that my css is clobbering it but I can’t pick it out. Any thoughts?

/***** GLOBAL *****/
.sliderclass {
max-width: 1170px;
margin-left: auto;
margin-right: auto;
}

#kad-banner {
padding-bottom: 20px;
}

#logo {
padding-bottom: 0;
padding-top: 0;
padding-bottom: 10px;
}

#thelogo {
height: 75px;
width: 360px;
margin: 0 auto;
padding-top: 10px;
}

#topbar {
pardding-top: 20px;
padding-bottom: 0;
}

#kad-banner>.container {
height: 80px;
padding-top: 0;
margin-top: 0;
}

.page-header h1 {
font-size: 28px;
text-transform: uppercase;
color: rgb(68,68,68);
font-weight: bold;
}

.footerclass {
border-top: 2px solid #BEB6BF;
}

/***** HOMEPAGE *****/
.home_content {
margin-top: 20px;
}

.home_content h5 {
border-bottom: 1px solid #BEB6BF;
margin-bottom: 15px;
padding-bottom: 5px;
}

.home_content a {
text-decoration: none;
color: #9773F1;
}

/***** BLOG *****/
.vendor_link {
text-decoration: none;
color:#B175BD;
}

/*****INFO PAGES *****/
.info_pages h1 {
font-size: 28px;
text-transform: uppercase;
color: rgb(68,68,68);
font-weight: bold;
}

.info_pages subtitle {
text-transform: uppercase;
}

.info_page h5 {
color: #76777A;
}

/***** FAQ PAGE *****/
.faq h5:hover {
color: #000000;
cursor: pointer;
}

.faq>.question>h5 {
color: #000000;
cursor: pointer;
line-height: 30px;
}

.faq>.answer p {
font-style: italic;
}
.faq a {
text-decoration: none;
color: #9773F1;
}

/***** ABOUT *****/
#contact_info {
padding-top: 0;
}

#submit {
// background-color: #898785;
background-color: #D0CFCE; background-image: -webkit-gradient(linear, left top, left bottom, from(#D0CFCE), to(#BCBCBC));
background-image: -webkit-linear-gradient(top, #D0CFCE, #BCBCBC);
background-image: -moz-linear-gradient(top, #D0CFCE, #BCBCBC);
background-image: -ms-linear-gradient(top, #D0CFCE, #BCBCBC);
background-image: -o-linear-gradient(top, #D0CFCE, #BCBCBC);
background-image: linear-gradient(to bottom, #D0CFCE, #BCBCBC);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#D0CFCE, endColorstr=#BCBCBC);
color: #000;
}

#submit:hover {
background-color: #BBBAB9; background-image: -webkit-gradient(linear, left top, left bottom, from(#BBBAB9), to(#A9A9A9));
background-image: -webkit-linear-gradient(top, #BBBAB9, #A9A9A9);
background-image: -moz-linear-gradient(top, #BBBAB9, #A9A9A9);
background-image: -ms-linear-gradient(top, #BBBAB9, #A9A9A9);
background-image: -o-linear-gradient(top, #BBBAB9, #A9A9A9);
background-image: linear-gradient(to bottom, #BBBAB9, #A9A9A9);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#BBBAB9, endColorstr=#A9A9A9);
}

[Ben Ritner]

Ben Ritner

#24110

I can’t say I recommend one in particular because I haven’t had to do what your doing. But from feedback I’ve received gravity forms seems to be the most advanced for paid and contact form 7 seems to have the most free options. I’ve also heard good things about formidable.

Here is a good round up of the options: http://www.elegantthemes.com/blog/resources/exploring-the-best-wordpress-form-plugins

Ben

[Kate]

Kate

#23400

mine says [contact-form-7 id=”697″ title=”Contact form 1″]

Ive pasted it in the text section of my contact page

[Jalinous]

Jalinous

#23397

Hi David,

I just downloaded contact form 7 and it works for me perfectly.

Did you copy and paste the following into your contact page?

[contact-form-7 id=”83″ title=”Contact form 1″]

[Kate]

Kate

#23381

I gave up and installed the contact form 7 – but I’m still not receiving any test emails

[Ben Ritner]

Ben Ritner

#21705

Only by editing the code. Or if you want more control of a contact form I think contact form 7 is a good plugin.
Ben

[Daniel]

Daniel

#21042

So how could I add a contact form using form7 after image.

[Ben Ritner]

Ben Ritner

#20928

Hey,
1. You can’t have the topbar price calculate shipping and taxes. It only shows the price of the product. On the cart page you can have the option to calculate shipping if you enable in the woocommerce settings.

2. If you load your wordpress in Spanish then the language will automatically change. The theme has been translated to Spanish. Just be sure to define the language in your wordpress settings.

3. I don’t see that you have breadcrumbs enabled on your site? Are you talking about eh menu??? you have change the menu font in the theme options > typography settings.

If you really do mean the breadcrumbs you can use this css:

#kadbreadcrumbs {
font-size: 14px;
}

4. Using contact form7 you can get the contact form shortcode, then use the visual editor widget. click “virtue shortcodes” add a modal and add your short-code in the content.

Ben

[Ben Ritner]

Ben Ritner

#19214

no, I recommend just using a plugin: https://wordpress.org/plugins/contact-form-7/

Makes it easy to have a custom form and you can add with a shortcode.

Ben

[Dmitry]

Dmitry

#19169

Hi,

I have difficulties with localization Contact us form. Files ru-RU.po and ru-RU.mo are correct (screenshot 1), but on the page Contacts localization doesn’t work (screenshot 2).

Screenshot 1

Screenshot 2

What shall I do?

Dmitry

[Dmitry]

Dmitry

#19169

Hi,

I have difficulties with localization Contact us form. Files ru-RU.po and ru-RU.mo are correct (screenshot 1), but on the page Contacts localization doesn’t work (screenshot 2).

Screenshot 1

Screenshot 2

What shall I do?

Dmitry

[Ben Ritner]

Ben Ritner

#16845

Well the text that you are referring too is actually in the page-contact.php file

the errors are line 10 and 11

and the success is line 188

Either way though you should translate the theme using the languages files in the languages folder, Or by using a plugin like https://wordpress.org/plugins/codestyling-localization/

But if you want to just translate the contact form another option is to use a plugin like contact form 7.
Ben

[Robert]

Robert

#16424

Hello!

Here – http://bio-voda.com/wp/kontakt/ is not green (it is contact 7 form button)

But here is (it is comment submit button) – http://bio-voda.com/wp/clovekov-osebni-razvoj/

For comment submit button I use:

.kad-btn, .button {
color: #FFFFFF;
background: #35b128;
}

.kad-btn:hover, .button:hover {
color: #FFFFFF;
background: #399630;
}

What to use for contact form 7 button?

Thanks.