[Steven Zahm]

@ Edward

re: Please correct me if I am wrong but I can change the Phone Number Text Color by going here Connections > Templates > Customize > Style > Link Color > #dd3333

Yes, when the numbers are set to be links instead of text. Looks like you have already done this, why are you asking for confirmation? Am I not understanding the question?

re: Please correct me if I am wrong but I can change the Phone Number Text Color by going here Connections > Templates > Customize > Style > Border Color > #dd3333

No, that option is for a border color, not text.

re: Now how do I change the code you gave me above to match those other two colors ?

#cn-cmap span.cn-image-style {
    border: 2px solid #dd3333 !important;
}

Hope this helps!

[Steven Zahm]

@ Edward

Use the map_zoom shortcode option. The default is 13. I can not remember off the top of my head which way you need to go for a closer zoom. I think lower.

Example shortcode:

[connections map_zoom=10]

Hope that helps!

[Steven Zahm]

@ Edward

Use this instead, same code but with the important flag:

#cn-cmap span.cn-image-style {
    border: 6px solid hotpink !important;
}

[Steven Zahm]

@ Edward

I suggest using a page, not a post. WordPress handles them completely different and Connections has been optimized for use on a page. Using on posts is possible but will introduce some challenges and you’ll need a page anyway.

[Steven Zahm]

@ Chris

re: How can I remove the little black squares seen here? I thought it was the them, but they don’t appear on the newly created page.

Those are being added by the theme. Theme is actually overriding the styles in Connections.

Add the following to the theme’s custom CSS area:

ul.cn-category-image-container li.cn-category-image-block {
    list-style: none;
}

re: On the newly created page here, the last row of images are stretched out.
Any suggestions?

Well, the images are square like they should be. Something is messing with the heights. Try adding the following to the theme’s custom CSS area:

ul.cn-category-image-container .cn-category-image-block img,
ul.cn-category-image-container .cn-category-image-block .cn-term-image-none {
        height: inherit;
}

That should help, let me know.

[Steven Zahm]

@ Edward

Sorry but cMap is not designed for a columnar layout. The slide down content trays do not work well in such a layout. It causes page content to “jostle” around when opening a content tray because now the one entry take up more vertical space.

It sounds like you are using a theme which has a full page layout… If you share a link to your directory page, I’ll take a look. Perhaps a line or two of custom CSS to tweak the widget will help.

If you want a columnar layout you need one of the other templates cusch as Tile Plus, Gridder or Circled. Keep in mind, only cMap has the Template Customizer at this time. The other templates are configured using shortcode options covered on their respective doc pages.

Hope I have answered your question.

[Steven Zahm]

@ Edward

Please ask support questions in the support forums, thanks. Question asked in the support forums are given priority since the email contact form is not for support. So posting here helps me help you, faster. As you can imagine I get quite a bit of unrelated email through the contact form so I go through them last in my day filtering through what can be discarded and what needs replies.

[Steven Zahm]

@ Edward

Answered in this other thread:

https://connections-pro.com/support/topic/how-to-change-color-of-logo-image-border/#post-419709

[Steven Zahm]

@ Edward

Opps! Forgot to give your the code. Here it is:

#cn-cmap span.cn-image-style {
    border: 6px solid hotpink;
}

[Steven Zahm]

@ Edward

Add this to the theme’s custom CSS area. Tweak the color and size to suit.

Hope this helps!

[Author]

Posts