Skip to main content
brianriback
Inspiring
July 10, 2017
Answered

UL values already being used...

Hey there everyone...

In the code I'm using, <UL> values have already been used for the navbar, etc. So, if I want to create an unsorted list with bullets other places on the site, I can't figure out how to do it. Any ideas? Thanks!

This topic is closed to new replies. Start a new post to keep the conversation going.
brianriback
brianribackCorrect answer
Inspiring
July 10, 2017

Let me amend that...it appears to be working but the bullet point (circle) isn't showing up.


GOT IT! I needed to add: list-style-type: circle;

5 replies

Legend
July 10, 2017

brianriback  wrote

Hey there everyone...

In the code I'm using, <UL> values have already been used for the navbar, etc. So, if I want to create an unsorted list with bullets other places on the site, I can't figure out how to do it. Any ideas? Thanks!

You can use <ul></ul> tags as many times as you like

You can either use classes on the ul tags themselves to style the lists using css:

<ul class="foo">

<li>List item</li>

</ul>

<ul class="foo-foo">

<li>List item</li>

</ul>

CSS:

.foo {

margin: 0;

}

.foo li {

color: red;

}

.foo-foo {

margin: 0;

}

.foo-foo li {

color: blue;

}

or you can put the lists in their own containers and style them using css:

<nav class="naviagtion">

<ul >

<li>List item</li>

</ul>

</nav>

<div class="foo">

<ul >

<li>List item</li>

</ul>

</div>

CSS:

.navigation ul {

margin: 0;

}

.navigation li {

color: red;

}

.foo ul {

margin: 0;

}

.foo li {

color: red;

}

Translate
brianriback
Inspiring
July 10, 2017

It just doesn't seem to work: www.riback.me/inbound

<h6 style="line-height: normal !important;">

<ul class="foo">

<li>No access to analytics or advertising tools needed</li>

<li>Students do not gain the same level of practical experience</li>

<li>Businesses do not benefit as much as they potentially could</li></ul>

</h6>

.foo {

margin: 0;

list-style-type: circle;

}

.foo li {

color: red;

}

Translate
brianriback
Inspiring
July 10, 2017

Let me amend that...it appears to be working but the bullet point (circle) isn't showing up.

Translate