[Tim Martin]

Hi Steve

I just bought the propack last night and I’ve made great progress but I’m running into an issue with the Single Entry Auto Page when I click through from the search results.It just doesn’t look anything like how I set up Cmap on the Search Page and I can’t seem to get control of the Single entry part of it. The full search page is starting to look pretty good.

Can you look at what I have and offer some suggestions?

Here’s the full search page…

http://desertridgebiz.staging.wpengine.com/desert-ridge-business-listings/

Here’s the single entry page….

http://desertridgebiz.staging.wpengine.com/desert-ridge-business-listings/name/great-big-biz/

Here’s the shortcodes I’ve placed into my DIVI Builder page…

[connections background_color="#63A70A" show_addresses='FALSE' show_links='FALSE' show_categories='FALSE' str_work_phone="Phone" str_cell_phone="Mobile"]

Here’s my CSS entries in the theme…

/* Connections Tweaks Pix Border */
#cn-cmap span.cn-image-style {
    border: 2px solid #612950;
}

/* Connections Tweaks Text Size */
#cn-cmap .cn-entry {

    font-size: 1.1em !important;
}

#cn-cmap .fn {
    font-size: 1.3em !important;
}

/* Connections Tweaks Hide Fields */
.preferred {
    display: none!important;
}

.visibility {
    display: none!important;
}

I’ve also downloaded and used both Say What Plugin and Code Snippets as per your instructions in other topics.

Any idea where I should start tracing down my issue?

Thanks!

Tim

• This topic was modified 5 years, 3 months ago by Steven Zahm. Reason: Make code more readable

[Tim Martin]

This reply has been marked as private.

[Steven Zahm]

@ Tim

RE: It just doesn’t look anything like how I set up Cmap on the Search Page and I can’t seem to get control of the Single entry part of it.

Are talking about the card style on the results page where the background of each entry card has the green gradient? If that is, the single entry view does not apply the card style since there is only a single entry on the page with no need to distinguish it from other entries on the same page. The intent is to use the base page style for tighter theme integration. I hope that makes sense. If you really want the green gradient on the single entry page, try adding the following to the theme’s custom CSS area:

#cn-cmap .cn-entry-single {
    background: linear-gradient(to bottom,rgba(0,0,0,0.05) 0,rgba(255,255,255,0.25) 80%,rgba(255,255,255,0.3) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0d000000',endColorstr='#4dffffff',GradientType=0)
}

#cn-cmap .cn-entry-single {
    box-shadow: 0 3px 4px 2px rgba(100,100,100,.4)
}
#cn-cmap .cn-entry-single {
    background-color: #63A70A;
    border: 2px solid #d3d3d3;
    border-radius: 4px;
    margin: 8px 0;
    padding: 10px;
}

RE; Any idea where I should start tracing down my issue?

Sorry, I’m not sure what the issue is exactly, but hopefully I guess correctly in my previous answer.

Hope this helps, let me know.

ps. Yes, this is the correct place to ask the question, thanks!

[Tim Martin]

OMG…you are a genius!!!

I see that I have a little design issue as it’s way to much green now but I believe I can use your code to tweak the colors a bit….thank you!

I’m using your examples to experiment with fonts. In the following, the body text is tweakable but I can’t seem to adjust anything for the headers H1 etc.

Any chance you have a cheat sheet with some examples for this?

#cn-cmap .cn-entry-single {
    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 110%;
}

I should probably tweak the full view like this too and not use the customizer…would you agree?

Tim

• This reply was modified 5 years, 3 months ago by Steven Zahm. Reason: Make code readable

[Tim Martin]

Not sure why this system is inserting the H1 tags…

/* Connections Tweaks Single Entry Fonts*/
#cn-cmap .cn-entry-single {
    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 110%;
}

• This reply was modified 5 years, 3 months ago by Tim Martin.
• This reply was modified 5 years, 3 months ago by Steven Zahm. Reason: Make code readable

[Steven Zahm]

@ Tim

RE: I’m using your examples to experiment with fonts. In the following, the body text is tweakable but I can’t seem to adjust anything for the headers H1 etc.

I’ve attempted to let the templates inherit as much style from the theme as possible. In this case the theme has a style applied for the text color of a fn which is a standard class for the hCard microformat spec.

RE: Any chance you have a cheat sheet with some examples for this?

#cn-cmap .cn-entry-single span.fn{
    color: #ffffff;
}

RE: Not sure why this system is inserting the H1 tags

The forum supports Markdown, like the WP post/page editor. A single # at the beginning of a line is an HTML h1 tag. Due to the role you have as a forum posted you are not permitted to add h1 tags so they are converted to plain text.

After you paste in code, select it and the click the {} button. That will apply the Markdown to make the select text code.

Hoe this helps!

[Tim Martin]

Thank you Steve…your help is much appreciated!

I will experiment a bit over the next few days but right now I have a working directory that’s really close to what I need!

Thanks so much!

Tim

[Author]

Posts