[Alyssa Morrisey]

I am currently using the Profile Entry Card and like how the text wraps around the image. However the basic template does not include the search bar, the category search or the directory. However, I do not like the design of the pro templates. Is there a way that I can keep the design of the Profile Entry Card template but include some of the pro features like the category search, etc.

[Steven Zahm]

@ Alyssa

In a plugin and play fashion, sorry no. However, if you can make some very basic PHP edits you could. Here’s how:

Open the the profile.php file found here:
../wp-content/plugins/connections/templates/profile/

Copy the code from lines 52 to 67 which should be:

<div class="cn-entry" style="-moz-border-radius:4px; background-color:#FFFFFF; border:1px solid #E3E3E3; color: #000000; margin:8px 0px; padding:6px; position: relative;">

		<span style="float: left; margin-right: 10px;"><?php $entry->getImage( array( 'preset' => 'profile' ) ); ?></span>

		<div style="margin-left: 10px;">
			<span style="font-size:larger;font-variant: small-caps"><strong><?php $entry->getNameBlock(); ?></strong></span>
			<div style="margin-bottom: 20px;">
				<?php $entry->getTitleBlock() ?>
				<?php $entry->getOrgUnitBlock(); ?>
			</div>
			<?php echo $entry->getBioBlock(); ?>
		</div>

	<div style="clear:both"></div>
</div>

From here I’m going to assume doing this to the cMap template but the instructions would be pretty much the same for the others as well. I think just the file path would differ.

Open the card.php file found here:
../wp-content/plugins/cmap/

Replace the entire contents of this file with the code from the Profile template.

Save and upload overwriting the original.

The result should be a template that appears like the Profile template but includes the category drop down, search and pagination. You’ll lose much of other cMap specific features but it should achieve your goal.

I hope that helps.

[Alyssa Morrisey]

Hello Steven. Thank you for getting back to me so quickly. I was not able to try out your suggestion until today after purchasing Cmap. However, I have run into a problem. Here is a link to my directory page. It looks like the individual cells do not line up with the thumbnail images I am using. Plus, the background is still gray, even though the profile template specifies that they should be white. Is there another file that I should alter to fix these issues?

Thank you again.

[Alyssa Morrisey]

Whoops! Looks like I forgot to copy the last two lines of code from profile.php, that fixed the problem with the thumbnail size not lining up. Don’t I feel silly.

However, the background is still gray. I toggled with the cmap.css to see if I could change the color to white, but to no avail. Would you still be able to help with this?

[Steven Zahm]

@ Alyssa

Can you post the link to your directory and I’ll take a look. Likely there is something I overlooked in my instructions.

[Alyssa Morrisey]

Sure, HERE is the link.

[Steven Zahm]

@ Alyssa

You need to remove the background gradient from the CSS files, cmap.css and cmap.min.css.

Look for this:

#cn-cmap .cn-entry{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 3px 4px 2px rgba(100,100,100,.4);-moz-box-shadow:0 3px 4px 2px rgba(100,100,100,.4);box-shadow:0 3px 4px 2px rgba(100,100,100,.4);background:#e3e3e3;background:-moz-linear-gradient(top,#e3e3e3 1%,#f1f1f1 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(1%,#e3e3e3),color-stop(100%,#f1f1f1));background:-webkit-linear-gradient(top,#e3e3e3 1%,#f1f1f1 100%);background:-o-linear-gradient(top,#e3e3e3 1%,#f1f1f1 100%);background:-ms-linear-gradient(top,#e3e3e3 1%,#f1f1f1 100%);background:linear-gradient(top,#e3e3e3 1%,#f1f1f1 100%);border:1px solid #d3d3d3;font-size:12px;margin:10px 4px;padding:12px;position:relative}

[Alyssa Morrisey]

Removing the gradient in both files worked. Thanks so much!

[Author]

Posts