Viewing 12 replies - 1 through 12 (of 12 total)
  • Plugin Author Stephen Harris

    (@stephenharris)

    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).

    Thread Starter bluewaterbm

    (@bluewaterbm)

    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.

    Plugin Author Stephen Harris

    (@stephenharris)

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

    Thread Starter bluewaterbm

    (@bluewaterbm)

    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?

    Thread Starter bluewaterbm

    (@bluewaterbm)

    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.

    Thread Starter bluewaterbm

    (@bluewaterbm)

    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.

    Thread Starter bluewaterbm

    (@bluewaterbm)

    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.

    Plugin Author Stephen Harris

    (@stephenharris)

    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.

    Thread Starter bluewaterbm

    (@bluewaterbm)

    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

    Thread Starter bluewaterbm

    (@bluewaterbm)

    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

    Thread Starter bluewaterbm

    (@bluewaterbm)

    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.

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘Change font color’ is closed to new replies.