Afterburner: Change the Bullet Point Image
-
-
- Website Midwife
- Sr. Rocketeer
- Posts: 124
- Thanks: 0
-
Hi,
I would like to know how to substitute the round circle that is used in Afterburner for the bullet points with the bullet-2.png image used in Chromataphore.
I found a similar topic in this forum, but I couldn't understand the instructions! I need basic step-by-step please!
Thanks,
Renee - The Website Midwife
-
-
-
- prim
- Preeminent Rocketeer
- Posts: 17290
- Thanks: 217
- Basically you can view the "Edit logo" tutorial that are on the demo site.
- Please reply with a direct link to the issue & create a new thread for each new issue.
A template is only as good as the content that goes into it
- DanG
-
-
-
- Website Midwife
- Sr. Rocketeer
- Posts: 124
- Thanks: 0
-
Hi Grim,
Perhaps I am missing something obvious, but in the AfterBurner template, the logo & color-scheme are all in the same file. When I edited this, there was no sign of the bullet point image.
Is there somewhere else I can find this?
Thanks,
Renee - The Website Midwife
-
-
-
- Yves
- Preeminent Rocketeer
- Posts: 9214
- Thanks: 5
-
In light2.css (or other style used), change the list-style:
#colmask ul li { list-style: circle; }
See the property values possible here: www.w3schools.com/CSS/pr_list-style-type.asp - Yves
-
-
-
- Website Midwife
- Sr. Rocketeer
- Posts: 124
- Thanks: 0
-
Thanks for that link Yves, but those default options aren't the style I'm looking for.
I think I've worked it out for myself - Okay here's what I've done - I copied the file bullet-2.png from templates/rt_chromatophore_j15/images to templates/rt_afterburner_j15/images.
Then I changed the code in light2.css from:
#colmask ul li { list-style: circle; }
to
#colmask ul li {background:transparent url(../images/bullet-2.png) no-repeat scroll 1px 4px;list-style: none;list-style-image:none;list-style-position:outside;list-style-type:none;margin-bottom:5px;margin-left:0;padding-bottom:3px;padding-left:15px;}
Seems to have worked okay. See this page: www.coachnetwork.com/ - The Website Midwife
-
Time to create page: 0.053 seconds