[Neeraj Shrestha]

HI, I just purchaged the CMAP templates and installed as mentioned with latest connections plugins and activated. I added few entry and try to see in the Directory page. It’s not showing anything as expected. Please have a look and let me know how it can be resolved. http://www.enepalisansar.com/directory Thanks.

• This topic was modified 7 years, 3 months ago by Neeraj Shrestha.

[Neeraj Shrestha]

Hello, it has been more than 18 hours and I have not heard anything from you. Please respond . I am running out of time to implement my project. Thanks

[Steven Zahm]

@ Neeraj

Actually, cMap is fine, it is the theme is completely stomping, completely destroying the layout and functionality. It is pretty darned rare that I come across a theme that does this completely.

Most of the layout issues are CSS conflicts found in this file for the theme:

http://www.enepalisansar.com/wp-content/themes/SocialChef/css/style.css

This section specifically:

.avatar,.vcard                          {float:left;width:90px;height:90px;overflow:hidden;color:#fff;text-align:center;position:relative;font-size:13px !important;font-weight:400 !important;padding:0;}
.widget #members-list .avatar span,
.widget #members-list .vcard .item      {min-height:30px;font-size:12px;border-right:1px solid #ddd;position:absolute;left:0;bottom:0;z-index:2;width:100% !important;background:#fff;color:#666;padding:6px 10px !important;text-transform:none;}
.avatar a,
.vcard .item a                              {color:#666 !important;font-weight:500 !important;}
.widget #members-list .boxed li:nth-child(3n) .avatar span,
.widget #members-list .vcard:nth-child(3n) .item            {border:none;}

.vcard .item-meta   {display:none;}
.vcard .item        {opacity:0;-ms-opacity:0;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;-ms-transition:all 0.2s ease-in;transition:all 0.2s ease-in;}
.vcard:hover .item  {opacity:1;-ms-opacity:1;}

What we’ll need to do is create a set of CSS rules for cMap that override the CSS from the theme that is ruining the layout for you.

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

#cn-cmap .vcard {
  float: none !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  color: #000 !important;
}

#cn-cmap .cn-clear {
  display: block !important;
}

input#cn-search-submit {
  background: url(http://www.enepalisansar.com/wp-content/plugins/connections/assets/images/icons/search.png)8px center no-repeat #FFF !important;
}

#cn-search-input {
  width: 140px !important;
}

This should tidy up the display.

The difficult bit is that the theme also seems to be stomping all over the javascript too. Or maybe it is a plugin too… I see you have BePro Listings installed, please try deactivating it. I think that is making the map feature break a little.

The last thing I see. It seems the theme is using UniformJS which seems to be abandoned by the author. This seems to be breaking the select drop down in cMap. Since UniformJS seems abandoned, probably the safest thing to do is make sure the theme does not use it. In order to do this, you’ll have to make one small change to a javascript file. This will also make sure it will not break any other plugins. Alternatively, if the theme has an option to disable it, I suggest doing that instead of editing the files.

Open this file:

http://www.enepalisansar.com/wp-content/themes/SocialChef/js/scripts.js

Go to line 29 & 30, which should be this:

//CUSTOM FORM ELEMENTS
$('select, input[type=radio],input[type=checkbox],input[type=file]').uniform();

And change it to this:

//CUSTOM FORM ELEMENTS
//$('select, input[type=radio],input[type=checkbox],input[type=file]').uniform();

Save the file and upload it overwriting the original.

After you do… I see you are using WP Super Cache, make sure you flush all caches.

That should fix everything up. Hope that helps, let me know.

[Steven Zahm]

@ Neeraj

It seems you posted a reply while I was writing my own which as you see is very long and very detailed. This took a lot of time to investigate and write.

Your issue was posted after I had finished up for the day yesterday so I did not see it until this morning and there were others ahead of you in the support queue. 18 hours for a reply… often I can do better really depends on when the issue comes in, but really, 18 hours is still extremely good which you’ll know if you ever had to get support for most other plugins for WordPress.

I apologies this did not meet your expectations but sometimes it simply does take time.

[Neeraj Shrestha]

Hi Steve,

You said that ” What we’ll need to do is create a set of CSS rules for cMap that override the CSS from the theme that is ruining the layout for you.
Add the following to the theme’s custom CSS area:”

Please let me know how where is the theme’s custom CSS area. Do you mean to say that http://www.enepalisansar.com/wp-content/themes/SocialChef/css/style.css need to be modified by adding these css styling:

<h1>cn-cmap .vcard {</h1>

float: none !important;
width: auto !important;
height: auto !important;
overflow: visible !important;
color: #000 !important;
}

<h1>cn-cmap .cn-clear {</h1>

display: block !important;
}

input#cn-search-submit {
background: url(http://www.enepalisansar.com/wp-content/plugins/connections/assets/images/icons/search.png)8px center no-repeat #FFF !important;
}

<h1>cn-search-input {</h1>

width: 140px !important;
}

please let me know.

Thanks.

Neeraj

[Steven Zahm]

@ Neeraj

re: Please let me know how where is the theme’s custom CSS area.

Sorry, but this is a question that I can not answer. You’ll have to ask the support team for the theme. The best I can say it is usually a setting within the theme options. Most themes seem to have this option, but not all do. If your theme does not then you can simply add the CSS I gave you to the end of this file:

http://www.enepalisansar.com/wp-content/themes/SocialChef/css/style.css

[Neeraj Shrestha]

HI Steve,

Thanks for prompt response.

I added the custom css code in the style.css itself and it seems fine but the dropdown was not working. Then I commented out the javascript

//CUSTOM FORM ELEMENTS
//$(‘select, input[type=radio],input[type=checkbox],input[type=file]’).uniform();

However, this affected my other plugins features and I can not deactivate the bepro-listing too as this is being used for community members to share their contents. So, please suggest if there is any other way of making the dropdown category possible.

Thanks.

[Steven Zahm]

@ Neeraj

re: However, this affected my other plugins features

This can not possibly affect other plugins because it is being implemented by the theme. The theme author should have limited this implementation its own select and drop downs in order to prevent these types of conflicts. I suspect as UniformJS get older and older it’ll break things more often for you. If I may, I highly suggest contacting the theme’s support team to see if they have an update plan in place.

Since, you do not want to disable this, you can try excluding the drop down in cMap. Change it to:

//CUSTOM FORM ELEMENTS
$('select, input[type=radio],input[type=checkbox],input[type=file]').not('#cn-cmap .cn-enhanced-select').uniform();

OR

//CUSTOM FORM ELEMENTS
$('select[class!="cn-enhanced-select"], input[type=radio],input[type=checkbox],input[type=file]').uniform();

[Author]

Posts