[Kasia Szumal]

I have bulleted lists in some of the entries and they are not showing correctly on the main page with the summaries. They also extend the summary as well, which I don’t want. If I remove the bullets, it works fine, but I do need them for lists. Attached is a link to the page.

http://consciouscommunitymagazine.com/talent-page/

How do I fix this issue?

Thank you!

• This topic was modified 5 years, 9 months ago by Kasia Szumal.
• This topic was modified 5 years, 9 months ago by Kasia Szumal.

[Steven Zahm]

@ Kasia

RE: I have bulleted lists in some of the entries and they are not showing correctly on the main page with the summaries.

Add this to the theme’s custom CSS area:

#cn-circled .cn-circled-content ul {
    font-size: 14px;
    line-height: 1.4em;
    margin: 0 0 10px 24px;
}

RE: They also extend the summary as well, which I don’t want.

Right, the code that creates the excerpt makes an attempt to not cut off mid sentence. Basically the excerpt length will keep increasing until it finds a period (.) or exclamation (!). So, the solution is to use more punctuation or shorten the excerpt length so it will not extend past the first sentence or two of your entries.

The next update to Connections will have support for a new Excerpt field. If I’ve done my work properly Circled will continue to create the excerpt from the Bio field, but, if you add text to the Excerpt field that will be used instead. This will allow you to better customize the two.

Hope this helps!

[Kasia Szumal]

Hi Steven, thank you! The code worked perfectly for the bullets and the suggestion for the punctuation also worked.

One more thing, the font letter spacing for the title under the name is too tight and light in color, is there something I can do about that as well?

I also appreciate your quick response to his issue.

Thanks!

[Steven Zahm]

@ Kasia

RE: the font letter spacing for the title under the name is too tight and light in color, is there something I can do about that as well?

Well, that is actually a design element of the template. I’m not sure what you mean by too tight. That is correct spacing for the italics font being used. Here’s a bit of CSS that changes the color to black, removes the italics and increases the size a bit. Tweak to suit.

#cn-circled .cn-circled-content p.title {
    color: #000;
    font-style: normal;
    font-size: 16px;
}

Hope that helps!

[Author]

Posts