Shape 5

Hi,

In a contact-list, how can I change the distance between a name and a position and the next name?
This is what I mean: on this page https://www.handelingen.com/index.php/redactie you see a list of names (orange links) of which some with a position (in black).
I want to increase the distance between a position and the next name, for instance by adding an extra
.
In the frontend in Firefox with Firebug, tab HTML, I can do that in the 'div.list-item', but I don't understand where I can do that in the template at the backend of the site.
Do you?

Thanks in advance,
Harry

Hello,

The following in custom.css should do this:

.list-item {
margin-bottom:20px;
display:block;
}

Thank you, Mike.
That works perfectly. See: https://handelingen.com/index.php/redactie

But..., when I update to Joomla 3.6.0 I get this -> see the attached screenshot:
- the bullets aren't quite on the right place (see especially the first and the last bullet);
- the position now is right to the name intead of under the name.
What can I do to that?

And a question because of my knowledge-lack: why is "display:block;" needed?

Hello,

When I view your site, I am not seeing the same layout as what you have in the screenshot. I am seeing more what you had yesterday, and I've cleared my cache. Did you correct this already?

The screenshot is from the site with Joomla upgraded to 3.6.0.
After that I downgraded the site again to 3.5.1.
In 3.5.1 and the custom.css completed with the code you gave, the webpage is what you now see with the given link. (https://handelingen.com/index.php/redactie)
So in Joomla 3.5.1 it works quite well.

Further more, I remember now that in 3.6.0 it didn't matter that I had changed the custom.css in the way you suggested, also with your given code.
So I think it's the upgrade to 3.6.0 that causes the problems as in the screenprint.

Hello,

I need to see the site live and running 3.6.0 in order to assist and debug it. Please upgrade the site so I can review.

OK, Mike, I have updatet it now tot 3.6.0.

Hello,

Looks like Joomla completely changed the structure on this page for some reason, the changes don't make a lot of sense to me. I believe the css below will make it look better at least.

.list-title a {
display:block;
}

.list-title {
margin-bottom:15px;
}

.category .row {
margin-left:0px !important;
}

.category .row::before, .category .row::after {
display:block !important;
}

Thank you very much, Mike.
With this code it works fine.
You've done a great job again!

Regards,
Harry