[Jason Sant]

Hi,
I’m having a styling issue I’m working out and I’m finding in other examples of users with slim plus templates, there list headers are using class “cn-list-section-head cn-clear” whereas by default mine is only using class “cn-list-section-head”

The class is defined in the css I have, so if I modify the code in developer tools I get the result I’m looking for. But I can’t find where to change it in the php or js files. I’m also not sure why mine doesn’t have it by default (I’m using version 2.0)

Hopefully I’ve described the issue clearly, you can see it at http://cfb.578.myftpupload.com/member-directory/

If you open any listing that is last in it’s section, the color background of the next section head floods upward into the the listing. This is not an issue if the class includes the cn-clear.

Thanks in advance for your assistance!

[Steven Zahm]

@ Jason

That cn-clear class in the section head was originally part of the Connections code, not the template. It needed to be removed to better support other templates so the examples sites are possible just still on an older version of Connections.

To fix the issue that you’re having, add the following CSS to the custom CSS you added for the section head:

#cn-slim-plus .cn-list-section-head {
  clear: both;
}

That should fix it up.

• This reply was modified 8 years, 9 months ago by Steven Zahm. Reason: Pasted wrong CSS, fixed

[Jay]

Thanks for the quick reply Steven. That worked and the issue is resolved!

[Steven Zahm]

@ Jason

Good to hear!

If you have a moment, I would truly appreciate a review as they really do make a difference. Many thanks in advance!

https://wordpress.org/support/view/plugin-reviews/connections

[Author]

Posts