[Grant Swaim]

I have purchased the Market template and the Form extension. All is well except the styles of each are significantly different. I like Market, it is a simple minimalist style that works OK with my site’s style. However, Form has gradients and drop shadows and looks a little chessy on me site.

I need to style Form to match Market. I really would expect all the different components of Connection to have the same styling. So what do I need to do? I found Form’s CSS file but never found the one for Market.

Thanks in advance for help on this.

[Grant Swaim]

I did find the Market CSS files (all three of them). I hope you have a simple solution, such as a Forms CSS file that matches Market.

[Steven Zahm]

@ Grant

Templates will never have a “unified” look. They’re meant to look different. When I start adding more, they’ll have vastly different appearances. Templates for Connections are like themes for WordPress … hope that makes sense as to why things look different.

Market only has a single CSS that is loaded in the site, that would be the minified version. The un-minifed version if provided for those that want to start with the default style and alter it to meet their on requirements. But since you want to change Form, you don’t need to worry about the CSS in Market.

The cn-form-user.css file for Form can be found here:
../wp-content/plugins/connections-form/css/

To get a flat look, like Market…

Remove the box-shadow values from #cn-form .postbox.
Remove the background-image values from #cn-form .widget, #cn-form .postbox
and #cn-form .widget .widget-top, #cn-form .postbox h3

That’s it. I hope that helps!

[Author]

Posts