[Olivier Moreau]

Could you please make an alternate cMaps model with the text on left and logo on the right. This would look much better for the directory I’m working on, because unfortunately, all the entries do not have a logo. A grey box followed by an empty space before the text with right justification is very odd !

Check : http://rivelo.fr/annuaire/aem/

Thanks a lot

[Steven Zahm]

@ Olivier

Follow the instructions for creating a custom CSS override file. Add the folowing CSS to it:

#cn-cmap .cn-left {
  float: right;
  max-width: 100%;
  width: auto;
}

#cn-cmap .cn-right {
  text-align: left;
}

That’ll do the swap for you.

Hope that helps!

[Olivier Moreau]

Wonderful ! It’s just what I wanted. Maybe you could but that in a option in the shortcode because other users could like it…
Thanks a lot.

• This reply was modified 8 years, 10 months ago by Olivier Moreau.

[Olivier Moreau]

Well there is a little problem with the template when showing one organization.

The logo is now in the left and the text in the right…

For many entries in my directory the problem doesn’t show up because I use the field organization-unit to display some long text and that correct the problem.
This display is fine : http://rivelo.fr/annuaire/aem/name/madininair/
This display is bad looking : http://rivelo.fr/annuaire/aem/name/rivelo/

I added extra CSS to my cmap-custom.css but it’s not creating this problem.

<h1>cn-list span.org {</h1>

font-size: 120%;

}

<h1>cn-list span.organization-unit {</h1>

color: green;
font-weight: bold;
padding-bottom: 10px;

}

[Steven Zahm]

@ Olivier

Add this to your custom CSS:

#cn-cmap .cn-entry-single .cn-left {
  float: left;
}

#cn-cmap .cn-entry-single .cn-right {
  text-align: right;
}

Also, you put your custom CSS in the wrong folder … it’ll load just fine, but if you update cMap, you’ll lose your custom CSS file. Use one of the paths recommended in this QuickTip.

[Olivier Moreau]

Thanks again Steven.

I added a “max-width” to leave space for the logo when there is long text in the entry :

<h1>cn-cmap .cn-entry-single .cn-left {float: left; max-width: 70%; width: auto; } #cn-cmap .cn-entry-single .cn-right {text-align: right; }</h1>

I know I could loose that code when I make an update but I got a local copy and I prefer to not create one more directory for your plugin because there are already a lot. Plus, I update via FTP and I’m not going to replace a file in the destination if it is not in the source…

I have one last question if you don’t mind. Why a change in the custom css file doesn’t show up immediately? I use no cache plugin.

• This reply was modified 8 years, 10 months ago by Olivier Moreau.

[Steven Zahm]

@ Olivier

re: Why a change in the custom css file doesn’t show up immediately? I use no cache plugin.
You need to force flush the browser cache so the browser will download the newest copy. Depending on your browser of choice the key command would be either SHIFT + F5 or CTRL + F5.

Hope that helps!

If I have not asked and you have a moment, I would truly appreciate a review as they really do make a difference. Many thanks in advance!

https://wordpress.org/support/view/plugin-reviews/connections

[Olivier Moreau]

Thanks Steven but the lag in refresh is not coming from the browser. It’s just doing it with the custom css. Well never mind I’m not going to change that often…

[Steven Zahm]

@ Olivier

If it’s not the browser, there’s a cache somewhere that needs to be flushed … nothing is built-in into Connections that caches the custom CSS file. The only thing it does is register the URL to the file when found with WordPress thru the use of wp_enqueue_script().

Anyway, like you said, its not a file you’ll be changing often anyway so tracking down why probably is not worth it.

[Author]

Posts