list bullet point colours

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

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

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

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

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

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

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

Todd
http://xiiro.com

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

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

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

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

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

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

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

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
http://xiiro.com

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

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

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

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