Change font color

Hi bluewaterbm,

You can do this by editing your theme’s style.css.

This will depend on whether you using the placeholder field or not, but by default.

ul.eo-events-widget li{
    color: #000000;/*Colour all text black*/
}

should target the event text

and

ul.eo-events-widget li a{
      color: #0000FF;/*Colour event title blue*/
}

should target the event title (which links to the event).

As such you, to change the colour of the text ‘on April 23, 2013’ you would need to change the colour of the entire text, and then change the colour of the link to whatever you like (i.e. back to what it originally was).

Thank you so much for your reply. The first code had no effect on event text. The second code does work on event title/link. I am not familiar with what a placeholder field is. I tried looking it up but was not sure I understood. I am using the Techozoic Fluid theme.

On the widget options there is a ‘template’ option, with a help icon with a link to more information.

I found that area and I am not using the placeholder field. Any idea why the first bit of code is not targeting the event text?

The color all text black code was not working because it was missing the (a) before the {. However this still only changes The event title. Still having problem getting date stamp to change.

I added this to the placeholder field <font color="black"><strong>%event_title%</strong> on %start{jS F Y}%</font> The color is changed but the link to the event does not work now.

I added:
<font color=”black”>%event_title% on %start{jS F Y}%</font>
to the placeholder field. The color is changed but the link to event does not work.

Because you you need to wrap the event title in an anchor tag with the event url, something like:

<font color="black"><a href="%event_url%">%event_title%</a> on %start{jS F Y}%</font>

But your theme will probably over-ride the front colour inside the anchor tag. Which is why you’ll need

ul.eo-events-widget li a{
      color: #0000FF;/*Colour event title blue*/
}

to change it (back).

Note the above snippet isn’t targeting the event title specifically. Its targeting any link in the list row.

That worked perfect. Thank you. So that the event title was more bold I did rap the event with

<font color=”black”>%event_title% on %start{jS F Y}%</font>

I did also add

ul.eo-events-widget li a{
color: #0000FF;/*Colour event title blue*/
}

to the style css to change the link to blue.

Thanks

Sorry for the last post that did not come out like it was supposed to any way I wrapped the event tile in bold

<font color="black"><strong><a href="%event_url%">%event_title%</a></strong> on %start{jS F Y}%</font>

hi there, i would like to change the date’s color for the active event’s date on the [ea_calendar] widget, can you please advise which css to modify
thanks

I do not know css but I do know that this topic has been resolved. You need to start a new topic if you really want people to respond.