Bullets no displayed on Startup template.

Hi,

Im trying to use the gkbullets in two differents things.

First I used on a joomla article and it works, it show me the "bullets"
http://www.publicat.com.co/index.php/servicios/disenografico

Them I try in a "HTML Module" which I used in a "Tabs GK5" (first Tab) but it did not work, it dont show me the "bullets"
http://www.publicat.com.co/index.php/servicios/disenoweb

I will like that the bullets appear and I will like to learn how to show in four columns like your example.

http://demo.gavick.com/joomla25/startup/index.php/typography Unordered lists

This is the code I have been using.

Code: Select all

<ul class="gkBullet1">
<li>Lorem ipsum dolor sit amet.</li>
<li>Lorem ipsum dolor sit amet.</li>
<li>Lorem ipsum dolor sit amet.</li>
</ul>
<ul class="gkBullet2">
<li>Lorem ipsum dolor sit amet.</li>
<li>Lorem ipsum dolor sit amet.</li>
<li>Lorem ipsum dolor sit amet.</li>
</ul>
<ul class="gkBullet3">
<li>Lorem ipsum dolor sit amet.</li>
<li>Lorem ipsum dolor sit amet.</li>
<li>Lorem ipsum dolor sit amet.</li>
</ul>
<ul class="gkBullet4">
<li>Lorem ipsum dolor sit amet.</li>
<li>Lorem ipsum dolor sit amet.</li>
<li>Lorem ipsum dolor sit amet.</li>
</ul>         


Thank you.

Bullets are designed to work in articles, but You can change that.
Please edit: /templates/gk_startup/css/override.css and add at its end:

Code: Select all

.gkTabsGK5 ul.gkBullet1 li { background: url("../../images/style2/typography/bullet1.png") no-repeat 0 10px !important }
.gkTabsGK5 ul.gkBullet2 li { background: url("../../images/style2/typography/bullet2.png") no-repeat 0 10px !important }
.gkTabsGK5 ul.gkBullet3 li { background: url("../../images/style2/typography/bullet3.png") no-repeat 0 10px !important }
.gkTabsGK5 ul.gkBullet4 li { background: url("../../images/style2/typography/bullet4.png") no-repeat 0 10px !important }


now they will work also inside gkTabs module.

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

To create 4 columns you would need to either create 4 modules with demo-typo-col4 suffix, or with use of html code editor wrap your elements with:

Code: Select all

<div class="demo-typo-col4">column 1 content</div>
<div class="demo-typo-col4">column 2 content</div>
<div class="demo-typo-col4">column 3 content</div>
<div class="demo-typo-col4">column 4 content</div>


It works for the four columns. But still having problems to show the "bullets"

I noticed something else, is it possible to reduce the space between columns (blue squared) and the space at to the top (red squared)

Thank you.

code for bullets:

Code: Select all

.gkTabsGK5 ul.gkBullet1 li { background: url("../images/style2/typography/bullet1.png") no-repeat 0 10px !important }
.gkTabsGK5 ul.gkBullet2 li { background: url("../images/style2/typography/bullet2.png") no-repeat 0 10px !important }
.gkTabsGK5 ul.gkBullet3 li { background: url("../images/style2/typography/bullet3.png") no-repeat 0 10px !important }
.gkTabsGK5 ul.gkBullet4 li { background: url("../images/style2/typography/bullet4.png") no-repeat 0 10px !important }



As it goes to your las post - have you marked anything on screenshot and it didnt attach?

Sorry for the late response. I'm using the code to tray that the bullets appear, but still having the same problem.

Sorry for the attach, right now I attached the file.

http://d.pr/i/pXvl
It looks fine on this site:
http://www.publicat.com.co/index.php/se ... /disenoweb