How to control distance between bullet list?

As the attached image shows, I want to reduce the distance from

1. the distance from sentence and the first bullet
2. the distance between the bullets.

... and I want to use the override .css for this. Please assist on how to do it.

Hello,

Could you provide an URL to your website?

As my site is not live yet. Please see your PM

Please apply in your override.css file the following code:

Code: Select all

.itemBody > ul li, .itemBody > div > ul li,
#product-tabs-content dd,
ul.gkBullet1 li,
ul.gkBullet2 li,
ul.gkBullet3 li,
ul.gkBullet4 li {
padding: 2px 0 2px 16px!important;
}
.itemBody > ul li:before,
.itemBody > div > ul li:before,
ul.gkBullet1 li:before,
#product-tabs-content dd:before {
top: 8px!important;
}
.itemBody > ul,
.itemBody > div > ul,
ul.gkBullet1,
ul.gkBullet2,
ul.gkBullet3,
ul.gkBullet4 {
margin: -10px 0 12px 0!important;
}

A good start ... but how do I get the text to get closer?
As you can see I managed to get the bullet points OK.

For me the bullets doesn't look like your screenshot, but you can put the list higher by changing:

Code: Select all

.itemBody > ul, .itemBody > div > ul, ul.gkBullet1, ul.gkBullet2, ul.gkBullet3, ul.gkBullet4 {
margin: -10px 0 12px 0!important;
}

to:

Code: Select all

.itemBody > ul, .itemBody > div > ul, ul.gkBullet1, ul.gkBullet2, ul.gkBullet3, ul.gkBullet4 {
margin: -20px 0 12px 0!important;
}