list bullet point colours

Justin_Easthall · November 21, 2012, 8:33pm

Hi - Ive created a style with li is the styles pallete - is there mark up/css so i can change the bullet point colours?

CHEERS

http://www.easthalldesign.com/portfolio-south-florida.html

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

David_McCallum · November 21, 2012, 8:47pm

Not sure if this still applies. List item fix

http://www.freewayactions.com/product.php?id=009

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Todd1 · November 21, 2012, 8:52pm

Use the pseudo :before

ul {
    list-style: none;
    padding:0;
    margin:0;
}

li { 
    padding-left: 1em; 
    text-indent: -.7em;
}

li:before {
    content: "• ";
    color: red;
}

Todd

Hi - Ive created a style with li is the styles pallete - is there mark up/css so i can change the bullet point colours?

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

David_McCallum · November 21, 2012, 9:02pm

What about

<style type="text/css">
<!-- 
#item5c2 li {
color: #F60 !important;
}
-->
</style>

Where #item5c2 is the Div that contains your list.

D

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Doty1 · November 21, 2012, 9:06pm

Justin,

I can’t tell you why, but just a couple of weeks ago I had this trouble. When viewing locally the bullets were all black, but as soon as I uploaded, they picked up the color style of the paragraph. I was pulling my hair out, but then I uploaded and it was perfect. It still shows black on my FW screen, but at least it looks good in the browser.

Hope that helps.

Doty

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Ernie_Simpson · November 21, 2012, 9:07pm

Hey Todd,

I’m not at home atm, or I’d check – but I think if you leave the list-style as bullets (or whatever), all you need is the li:before set to whatever color. No other code necessary.

I’ll check it when I get back in this evening, but I think so. Maybe.

–
Ernie Simpson
m: 301-910-1335

On Nov 21, 2012, at 3:52 PM, Todd email@hidden wrote:

Use the pseudo :before
ul {
   list-style: none;
   padding:0;
   margin:0;
}

li { 
   padding-left: 1em; 
   text-indent: -.7em;
}

li:before {
   content: "• ";
   color: red;
}
Todd
http://xiiro.com

Hi - Ive created a style with li is the styles pallete - is there mark up/css so i can change the bullet point colours?

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Todd1 · November 21, 2012, 9:17pm

http://jsfiddle.net/Fiddle_This/jt4WP/

Todd

On Nov 21, 2012, at 3:07 PM, Ernie Simpson email@hidden wrote:

Hey Todd,

I’m not at home atm, or I’d check – but I think if you leave the list-style as bullets (or whatever), all you need is the li:before set to whatever color. No other code necessary.

I’ll check it when I get back in this evening, but I think so. Maybe.

–
Ernie Simpson
m: 301-910-1335

On Nov 21, 2012, at 3:52 PM, Todd email@hidden wrote:
Use the pseudo :before
ul {
  list-style: none;
  padding:0;
  margin:0;
}

li { 
  padding-left: 1em; 
  text-indent: -.7em;
}

li:before {
  content: "• ";
  color: red;
}
Todd
http://xiiro.com

Hi - Ive created a style with li is the styles pallete - is there mark up/css so i can change the bullet point colours?

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Justin_Easthall · November 21, 2012, 9:23pm

Thanks - Ill try the easiest first… will let ya all know

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Justin_Easthall · November 21, 2012, 9:29pm

k - that didn’t work just adding

Extended box

NAME: :before

VALUE: c#FF6600

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Justin_Easthall · November 21, 2012, 9:30pm

Im not sure who to apply the rest of the suggestions. I want it to be universal

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Tim3 · November 21, 2012, 10:43pm

Hi Justin,
Create a style for the unordered list and set the colour to #F60 (the orange of the link styles) and the bullets will change to the orange too. Currently they are #7A7A7A (the grey inherited from the body style).
Regards,
Tim.

On 21 Nov 2012, at 21:30, Justin Easthall wrote:

Im not sure who to apply the rest of the suggestions. I want it to be universal

FreewayActions.com - Freeware and commercial Actions for Freeway Express & Pro - http://www.freewayactions.com

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Ernie_Simpson · November 21, 2012, 10:57pm

Okay, I was just typing crazy-talk… Todd, your method works great while I
was clearly imagining things.

Alternately, styling the ul element with color then making a span style for
the selectable li elements would also have worked - though my lazy bones
are opposed to so much work.

–
Ernie Simpson

On Wed, Nov 21, 2012 at 4:07 PM, Ernie Simpson email@hidden wrote:

Hey Todd,

I’m not at home atm, or I’d check – but I think if you leave the
list-style as bullets (or whatever), all you need is the li:before set to
whatever color. No other code necessary.

I’ll check it when I get back in this evening, but I think so. Maybe.

–
Ernie Simpson
m: 301-910-1335

On Nov 21, 2012, at 3:52 PM, Todd email@hidden wrote:
Use the pseudo :before
ul {
   list-style: none;
   padding:0;
   margin:0;
}

li {
   padding-left: 1em;
   text-indent: -.7em;
}

li:before {
   content: "• ";
   color: red;
}
Todd
http://xiiro.com

Hi - Ive created a style with li is the styles pallete - is there mark
up/css so i can change the bullet point colours?

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Todd1 · November 21, 2012, 11:17pm

As you know, the nice thing about :before is the lack of extra markup (span) and I think every browser including IE8 and above supports it.

Todd

Alternately, styling the ul element with color then making a span style for
the selectable li elements would also have worked

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

David_McCallum · November 21, 2012, 11:49pm

Well I think mine is amongst the easiest

Page>Html Markup>Before and paste in the following.

<style type="text/css">
<!-- 
    #item5c2 li {
color: #F60 !important;
}
-->
</style>

Where #item5c2 is the Div that contains your list.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Justin_Easthall · November 23, 2012, 9:28pm

THANKS! Dave worked a treat - I had to repeat it for the second column of list - is there a shorter way?

Or something?

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

David_McCallum · November 23, 2012, 10:56pm

I am never 100% sure about targeting two divs in one style but try

<style type="text/css">
<!-- 
    #item5c2 li,  #item5c2a li,{
color: #F60 !important;
}
-->
</style>

or add the second one independently

<style type="text/css">
<!-- 
    #item5c2a li,{
color: #F60 !important;
}
-->
</style>

Or even

<style type="text/css">
<!-- 
    #item5c2 li {
color: #F60 !important;
}
    #item5c2a li {
color: #F60 !important;
}
-->
</style>

D

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options