fcvolunteer

@srijith.v – Thanks for your quick response. I’ve checked the site on Chrome and they’re showing but in Firefox I don’t see them. Any ideas?

I logged in and I see analytics there but on my WP dashboard it doesn’t show up in the AddThis area.

Thanks

@zynd I checked your site and actually the code works fine in Firefox but I noticed that there was still a problem in Chrome.

Change the

margin-bottom: 32px;

to

margin-bottom: 34px;

and that should do it.

Sorry ’bout that.

@zynd I just looked at your site and I’m not sure where you put the css I suggested but it’s not showing up on your site so you may have put it in the wrong place.

Do you have a child theme? If yes, put the css I suggested in the child theme’s style.css file.

If you don’t have a child theme then open the style.css file in your regular theme and go to line 1734 and replace

#commentform p, .wpcf7 p {
    line-height: 300%;
}

with

#commentform p, .wpcf7 p {
    line-height: 300%;
    margin-bottom: 32px;
}

Don’t think so. Did you try temporarily deactivating your other plugins or temporarily reverting to the default theme?

Otherwise you can try this tutorial

hope that helps

Sorry, I misunderstood that you were referring to the “file upload” form field.

The thing that worked for me (though I’m not sure it’s the best solution as it can get overwritten with the next plugin update) is to go into the contact-form-7/modules/file.php file and find

else
		$atts .= ' size="40"'; // default size

and change the 40 to whatever you want.

Sorry, G’luck

Just trying to help…

It works fine on my form which is why I asked for your url so I can see what’s happening on your form.

You might want to install firebug which will allow you to view your css and make sure you’re using the write path names.

I’ve successfully used

.wpcf7-form .myclass input {
width: 30px !important;
}

so it all depends on the correct

yes, but I’d need to see what html code is being “spit out”, not just the shortcode that’s being used.

You can download firebug which will allow you to inspect different elements of your site to see the html code and css.

That should give you some info. but I’d try temporarily deactivating any other plugins you’re using to see if that solves it. Any you can try reverting to the default theme to see if you’re having the same problem there as well.

Hmm. It sounds like it’s either a css issue or it may be a problem with your theme inserting extra <p> tags or it may be a conflicting plugin issue.

Can you copy the form to a new page that isn’t linked to from anywhere in your site and post that url?

?? thanks. Which FC branch are you familiar with?

What’s your url?

What’s your url?

@zynd

In your child theme’s css try adding this:

#commentform p, .wpcf7 p {
    margin-bottom: 32px;
}

Try inserting your shortcodes like in the example below

<p>[shortcode1] [shortcode2] [shortcode3]</p>

Thanks, it was worth a try :-). I’ll try posting again.

It seems like the existing css is “overruling” the shortcode method. You’ve already assigned classes to your fields you can use those to modify the widths. See example:

.your-name input {
    width: 200px;
}
.your-email input {
    width: 200px;
}
.your-phone input {
    width: 200px;
}
.your-message textarea {
    width: 200px;
}
.quiz-kontakt input {
    width: 50px;
}

hmm. Did you try disabling any of your other plugins? It’s possible that your theme is sticking in the other <p> tags. Try reverting to a default theme and see if you still have the problem. I’m pretty sure it’s not a contact form 7 problem.