[Jack]

Ok Steven, I am back trying to install cMap as a plugin.

I have successfully installed the plugin. However I do not see any change.

As I understand it and for clarification:
styles.css is now cmap.css
functions.php is now cmap.php

I have updated them accordingly. Still no change. Perhaps there is a conflict?
Should I remove the “connections_templates” directory under wp-content?

Thanks in advance!

[Steven Zahm]

@ jack

Can you confirm that you followed these steps in the upgrade instructions:

Activate the Default Card Template.
Delete the previous version.
The new version of the template will now show up and be available to activate.

[Jack]

Thanks Steven, I had to take care of a couple other things first.

I did try it on another one of my test sites and it did update like you said. I really like the responsive design now! However, my images are not scaling when reducing the browser window size..?

Also, for some reason if I login as anything less than an Admin, I am unable to access the Connections manager. Did the update change permissions or something? Yes I did check and update the User Roles.

As for the site with the Firefox 21 fudging the CSS, I will have to get back to you tomorrow on.

Thanks for all your help!
Jack

[Steven Zahm]

@ jack

The image does not change size.

Can you check your settings under the Connections : Roles admin?

[Jack]

This reply has been marked as private.

[Steven Zahm]

@ jack

Being responsive is the responsibility of the theme. Plugins that add content to a page via shortcode can, at best, use fluid layout designs. Responsive designs are based on screen size. The screen size will define which CSS rules are applied. Since Connections templates are in a page the available width is determined by the available content width of the page defined by the theme’s CSS and not the screen size. So applying CSS rules based on screen size can be problematic. cMap does contain a few rules that are applied on small screens such as smartphone … but for those rules to be effective, it is being “assumed” that the theme is going to do the right thing and make the page content width the width of the screen. Ok, so what does this have to do with images…

The default image width is 300px which is less than the portrait width of current smartphones so there is no reason to force the width of the image to be smaller. Ok, so what about on large screens, you can make the image larger right? Technically yes, I could use some CSS for a larger screen and swap in the larger image. But … what is the width of the page content, you can’t get that value with CSS. So a larger image could break the layout without knowing the page content width. Now, javascript could be used to get the parent container width, however, that itself presents another whole set of challenges with solutions that may or may not work depending on the current theme.

With all that said, the current method is for maximum compatibility.

Not sure I see the CSS issue you want addressed. Both sites look the same with the exception of of the font-family and the color of the link text. My suggestions are if you’re using page caching and/or cloudFlare, make sure you flush the cache and also flush your browser cache to make sure you’re loading the latest version of the CSS file.

Hope that helps.

[Jack]

Thanks for your detailed explanation Steven, I appreciate it. I will need to digest it a little more to completely understand, but my theme is Responsive, and I am using Media Queries,(Weaver II Pro).

I will go back and check my CSS and make sure I didn’t miss something.
In the mean time here are a couple screen shots of what each one should look like…

However, it appears like you have changed something in the CSS, from earlier versions, that now allows the page CSS to override the CSS I customized in cMap.

Thanks Jack

Attachments:

You must be logged in to view attached files.

[Steven Zahm]

@ jack

The only real changes are that some default styling was removed in favor of letting the template inherit the page styling. The theme page styling can be overridden by applying editing the cmap.css file and making a minified version. I took a quick look at the cmap.min.css file it does appear that you’ve made edits but there are errors. Maybe they were introduced my the site that you used to create a minified file. If you want to eliminate that as a possibility, just make a duplicate of cmap.css and name it as cmap.min.css. Technically the file doesn’t need minified, just named correctly so it is loaded.

Hope that helps.

[Jack]

Thanks Steven that did the trick!
It must have been the program I used to minify the CSS.
I appreciate all your help!

Jack

[Author]

Posts