lists: decrease line-height/margin

aufregend

Dear support team,

I would like to decrease the distance of the list style (bullets).

http://spielraum-tanzdialog.de/tanzdialog-in-einrichtungen/

They should have regular line-height, margin-bottom: 0px.

I could not figure out the correct css ;-)

Thank you very much!

Bryan

Hi,

Sorry but im getting 404 erros on your link

http://prntscr.com/f4q9dd

thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

aufregend

Hi,

sorry, please check this link:

http://spielraum-tanzdialog.de/tanzdialog-im-betrieb/

thank you!

Bryan

Hello,
Please use this custom css

.column_column ul, .column_helper ul, .column_visual ul, .icon_box ul, .mfn-acc ul, .ui-tabs-panel ul, .post-excerpt ul, .the_content_wrapper ul {
	line-height: 20px !important;
}

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

aufregend

Hello,

thanks for your answer.

I am using your custom css but it does not make a difference. Seems like it is not calling that <li>.

Can you please look again? Thank you very much.

Bryan

Hi,
It is, you target the UL in order to change the line height of the LI items. Please change the value to bigger or smaller and clear the browser cache.
thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

aufregend

Thank you!!!!

JetAm1

Hi there
Where can I put this custom css? I would also like to decrease space between bullet points.

https://goodshare.si/fly/ppl/

Thanks

JetAm1

I have put this in content section:

[list image="http://goodshare.si/fly/wp-content/uploads/2018/07/planicon-mi.png" style="2"]<br><p class="big" >Starost vsaj 16 let pred prvim samostojnim poletom</p>[/list]

I also added a break before paragraph, because it was not in center ... but that's not really optimal I think.

Pablo

JetAm1

1) You can paste your Custom CSS code in Theme Options > Custom CSS & JS > CSS

2) To increase the space between bullet points:

body.page-id-69 .list_item{
	padding:5px !important;
}

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

JetAm1

Hi Pablo, 
I inserted the code and it is working. :-) So far so good.
But I would like to decrease line height between list items and not increase.
Is it maybe problem in image at the beginning of the line?

Regards,
Matej

Pablo

Oh sorry.

My bad, really sorry.

This will help you:

.list_item .list_image{
	line-height: 40px !important;
	height:50px !important;
}


.question:nth-last-child(4) .list_item .list_image{
	line-height: 75px !important;
	height:55px !important;
}

.question:nth-last-child(2) .list_item .list_image{
	line-height: 80px !important;
	height:55px !important;
}

.question:nth-last-child(3) .list_item .list_image{
	line-height: 80px !important;
	height:55px !important;
}

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

JetAm1

Thanks a lot Pablo! 
Now it is as it should be.