WordPress.org

Ready to get started?Download WordPress

Forums

Event Organiser
[resolved] Change font color (13 posts)

  1. bluewaterbm
    Member
    Posted 1 year ago #

    I am using the upcoming events widget. I would like to change the color on the on the date as it does not work with my site. The event title is black but the "on Date" appears red or pink.

    Board Meeting "on April 23, 2013"

    Can anyone tell me how to change this.Thanks

    http://wordpress.org/extend/plugins/event-organiser/

  2. Stephen Harris
    Member
    Plugin Author

    Posted 1 year ago #

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

  3. bluewaterbm
    Member
    Posted 1 year ago #

    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.

  4. Stephen Harris
    Member
    Plugin Author

    Posted 1 year ago #

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

  5. bluewaterbm
    Member
    Posted 1 year ago #

    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?

  6. bluewaterbm
    Member
    Posted 1 year ago #

    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.

  7. bluewaterbm
    Member
    Posted 1 year ago #

    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.

  8. bluewaterbm
    Member
    Posted 1 year ago #

    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.

  9. Stephen Harris
    Member
    Plugin Author

    Posted 1 year ago #

    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.

  10. bluewaterbm
    Member
    Posted 1 year ago #

    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

  11. bluewaterbm
    Member
    Posted 1 year ago #

    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>

  12. pagios
    Member
    Posted 1 year ago #

    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

  13. bluewaterbm
    Member
    Posted 1 year ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags