Juts checking unordered lists are indented, not flush left?

Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Mon Sep 22, 2014 8:11 am
Reply with quote
Report this post
Hello,
I'm using unordered lists and realised that they are flush with the left margin, not indented.
Just making sure this is correct behaviour please?
[img]
alignment.JPG
[/img]
http://bit.ly/1qZ3a6X
Kind regards
Drew
User avatar
Gold Boarder

teitbite
Wed Sep 24, 2014 9:10 am
Reply with quote
Report this post
Hi

Yes, this is a correct behaviour. Would You like to change it anyway. Please just tell me how would You like it.
User avatar
Moderator

GK User
Wed Sep 24, 2014 9:39 am
Reply with quote
Report this post
Hello,
Thanks for the offer.
1. I would like to indent the lists in from the left margin please; and
2. Reduce the white space between paragraphs and lists (seems a little out of balance)
Thanks would be great.
kind regards
Drew
User avatar
Gold Boarder

teitbite
Thu Sep 25, 2014 8:16 am
Reply with quote
Report this post
Please add this code to override.css and make sure override is enabled in template settings.

Code: Select all
.itemBody > ul > li:before, .itemBody > div > ul > li:before, .itemBody > ul > li:before, .itemBody > div > ul > li:before, .itemBody > ul.gkBullet1 > li:before, .itemBody > div > ul.gkBullet1 > li:before, .itemBody > ul.gkBullet2 > li:before, .itemBody > div > ul.gkBullet2 > li:before, .itemBody > ul.gkBullet3 > li:before, .itemBody > div > ul.gkBullet3 > li:before, .itemBody > ul.gkBullet4 > li:before, .itemBody > div > ul.gkBullet4 > li:before, ul.gkBullet1 li:before, ul.gkBullet2 li:before, ul.gkBullet3 li:before, ul.gkBullet4 li:before {
    left: 10px;
}

.itemBody > ul > li, .itemBody > div > ul > li {
    padding-left: 40px;
}

.itemBody > ul, .itemBody > div > ul, ul.gkBullet1, ul.gkBullet2, ul.gkBullet3, ul.gkBullet4 {
    margin: 12px 0;
}
User avatar
Moderator

GK User
Thu Sep 25, 2014 11:29 am
Reply with quote
Report this post
That's much better - thank you.
Kind regards
Drew
User avatar
Gold Boarder


cron