[Nicholas Pace]

When a user tries to click into the search box, you have to click below the text box in order to get the cursor to appear. Is there any way to get the search box visual to align with where you have to click?

The contact list is on the members services menu under counselor list. Thanks!

[Steven Zahm]

@ Nicholas

Which browser? I just tried in both Chrome and Edge and everything looks correct with alignment and where you have to click in regards to the search.

[Nick Pace]

Steve,

Thank you for looking into this. I was able to resolve it myself Sunday night… I forgot to come back here and note that I had it fixed.

Not sure if my solution approach is a good one or not,but here is what I did.

I added “display: inline;” to the “list div.cn-alphaindex” css block in the cn-user.min.css file.

It appears that previously the “list div.cn-alphaindex” block was inheriting “display: block;” from the user agent stylesheet. The net effect was that the search box was blocked except for a tiny sliver on the bottom edge.

I couldn’t find anyone else talking about this issue anywhere… so I’m sure it’s something specific to my installation. Using the core Responsive theme. Everything is updated. Not sure what would cause that for my install.

Thanks again for taking a look at this. Let me know if you want any more information, or if there would be a different approach that would work better.

Nick

[Steven Zahm]

@ Nick

Likely the theme was setting something globally to display as a block on an inline element. I’ve run into this many times, mostly with form elements. Theme will globally set these inline elements to display as block. Poor form. I do have CSS in the plugin which tries to catch and fix this but it seems impossible to fix all possible variations that can be used to define this.

I would really suggest adding the CSS to your theme’s custom CSS area so you do not lose that tweak with updates to Connections.

Hope that helps!

[Author]

Posts