[Roberto Diaz]

Hi Steven

I have installed the Form add-on and put the following shortcode
[connections_form link=’Website URL’ bio=’About Company’ default_type='organization' select_type='false' messenger=’false’] on my page: http://myxtremewebsite.com/tandcrealty/submit-directory/

As you can see I have problems with 2 things:
1) I have changed the field name to suit my project but instead of changing the field name, it hides the field completely.
2) The dropdown option for the “Type” of phone, email, etc. is not showing at all.

Please advise how to fix this. Thanks

[Steven Zahm]

@ Roberto

The link option does not change the name, it only for setting whether or not that section is shown.

there are a few errors in your shortcode from copy/pasting the options from the website. That causes fancy quotes to be used and the WordPress shortcode parser does not support them. Also, the correct option for bio is str_bio Here’s the shortcode with the fancy quotes fixed:

[connections_form link='true' str_bio='About Company' default_type='organization' select_type'false' messenger='false&']

The firewall at my current location is blocking access to your site so I can not see the “type” issue. This is likely being caused by the theme. I’ll be at another location later today. I will take a look then and get back to you.

• This reply was modified 10 years, 3 months ago by Steven Zahm. Reason: Missed removing a fancy quote

[Steven Zahm]

@ Roberto

Please edit the page that you inserted the Connections Form shortcode on, switch the editor to the Text tab and remove the pre/code tags from around the shortcode. That should fix it.

[Roberto Diaz]

Thanks Steven, you were right, those 2 changes fixed most of the problems. Now the only issue I have is showing the “field type” (http://awesomescreenshot.com/0221f23ca4)

Please advise. Thanks

[Steven Zahm]

@ Roberto

Ok, the issue seems to be caused by the theme. The FAQ is for templates, but the same solutions will work for Form, excluding the mentioned in the yellow-tinted box.

[Roberto Diaz]

Hi Steven. I tried the [raw] and [nofollow] tags and they didn’t work. What else can I do?

[Steven Zahm]

@ Roberto

Well, we’re going to have to isolate the issue in case it is not being caused by the theme.

First, above you said [nofollow], you mean [noformat], right?

Second, deactivate all plugins to see if that resolves the issue. If it doesn’t, then the cause is definitely the theme. If deactivating the plugins do fix the issue, then you have a plugin negatively affecting the page content.

[Roberto Diaz]

1st: Yes that’s what I meant sorry.

2nd: I deactivated the plugins and nothing happened, so its gotta be theme.

Please advise on what to do.
I was also thinking, is there a way to make these changes manually ’cause I can put custom CSS in my theme.

[Steven Zahm]

@ Roberto

Unfortunately this is not CSS related. The theme is altering how the wpautop filter is being applied so it is adding extra p tags where they shouldn’t. And this negatively affects every plugin, not just Connections, that put content on the page. It’s just really noticeable with Connections because of the amount of content it outputs.

Can I get a copy of the theme. I can take a look at the code to see what the theme author is doing?

Also, I see you’re using the LIZATOM SHORTCODES WORDPRESS PLUGIN. Looking at the CSS for that plugin it seems like it adds column shortcodes. The code many theme devs employ is from a tutorial. I wonder if this plugin uses the same code. I know you said you deactivated all plugins, but can you try deactivating this plugin again?

[Roberto Diaz]

Hi Steven

I just confirmed that the theme was causing the problem. Since your plugin template allows the customizations from the theme, its using some of the css rules applied throughout the theme.

I found the custom css to modify and changed it in the theme itself. This actually fixed the look on the connection template but it messed up the look for all of my other pages.

I chatted with my theme support and they told me there is a way to change a custom style apply only on a specific page with conditional tags: http://codex.wordpress.org/Conditional_Tags#A_PAGE_Page

This is the custom style I applied:

 <style> 
.entry p { 
text-align: right; 
line-height: 18px; 
} 
</style> 

Can you please show me, based on the Conditional tags, how I should write it so it only affects the page where the plugin is? http://myxtremewebsite.com/tandcrealty/our-team/

Thanks

[Author]

Posts