changing list-style image

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
Sat Jan 04, 2014 2:09 pm
Reply with quote
Report this post
Hello everybody,

i am trying to Change the list-stlye Image for an unsorted list.
Follwoing lines do exactly what i want, but then there is a tick in the title (screenshot).

Code: Select all
.itemBody > div ul li {
   list-style:url(../images/list-style-img.jpg) inside !important;
   position: static !important;
   padding: 2px 0px 2px 10px !important;
}


Please tell me how i can change the Image without this consequences.
Thank you!

Kind regards,
Christian
User avatar
Fresh Boarder

GK User
Sat Jan 04, 2014 2:28 pm
Reply with quote
Report this post
Could You please post an url to your site where this problem can be seen?
User avatar
Moderator

GK User
Mon Jan 06, 2014 10:46 am
Reply with quote
Report this post
Hi Cyberek,

i sent a PN to you on staurday.

Thank you!
User avatar
Fresh Boarder

GK User
Mon Jan 06, 2014 11:15 am
Reply with quote
Report this post
Site is password protected.
Please send me a PM with:
1. URL to your website
2. login and password of user with admin/super-admin privileges (please create one for me)
3. link to this thread
User avatar
Moderator

GK User
Mon Jan 06, 2014 9:14 pm
Reply with quote
Report this post
I am sorry, we had to change the authentification method. Just sent you new credentials.
Thank you.
User avatar
Fresh Boarder

GK User
Tue Jan 07, 2014 9:54 am
Reply with quote
Report this post
I don't see this problem on your site.
User avatar
Moderator

GK User
Wed Jan 08, 2014 9:47 am
Reply with quote
Report this post
Hello Cyberek,

please look at a subpage or my attached screenshot.
Thank you

Kind regards,
Christian
User avatar
Fresh Boarder

GK User
Wed Jan 08, 2014 6:24 pm
Reply with quote
Report this post
You see - current bullets are made with font awesome and :before pseudoclass this way:
Code: Select all
.itemBody > div > ul li:before, ul.gkBullet1 li:before, ul.gkBullet2 li:before, ul.gkBullet3 li:before, ul.gkBullet4 li:before, #k2Container .itemFullText ul li:before, #k2Container .itemIntroText ul li:before {
font-family: FontAwesome;
font-size: 13px;
position: absolute;
top: 3px;
left: 0;
}
.itemBody > div > ul li:before, ul.gkBullet1 li:before, #k2Container .itemFullText ul li:before, #k2Container .itemIntroText ul li:before, #k2Container ul.gkBullet1 li:before {
color: #222;
content: "\f00c";
}


The problematic part was probably hiding this bullet, so you have used position: static, which is wrong and causes the problem.

Please edit: /templates/gk_creativity/css/override.css and add at its end your custom code, then add this:
Code: Select all
.itemBody > div > ul li:before, ul.gkBullet1 li:before, #k2Container .itemFullText ul li:before, #k2Container .itemIntroText ul li:before, #k2Container ul.gkBullet1 li:before {display: none;}

and remove position: static from your code.

Remember to enable "CSS override" in template settings - advanced section.
User avatar
Moderator

GK User
Wed Jan 08, 2014 7:50 pm
Reply with quote
Report this post
Works!
Thank you!
User avatar
Fresh Boarder

GK User
Fri Jan 10, 2014 8:54 am
Reply with quote
Report this post
I'm glad I could help :)
If You will have any other questions, feel free to post new forum threads.
User avatar
Moderator


cron