Events List – changing colour of icons

  • Resolved motty27

    (@motty27)


    7 years, 8 months ago

    Hi
    I’m using the Events List Plugin and although I have got it working and appearing on my pages fine, it’s looking a little drab.
    I cannot find where I would change the background colour of the event/date icons…..any suggestions please?

    Thanks

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hi
    not sure what icons you are refering to. Do you mean the date tabs shown in the event list?

    You have to change it in the CSS. Try right-click on the specific element in Firefox or Chrome to investigate the code. You will find CSS definitons like this one:

    .event-list .start-date, .event-list .end-date {
    text-align: center;
    width: 3.2em;
    border-radius: 5px;
    background-color: rgb(230,230,230);
    }

    Here you could change the background color of the light-gray start date block into another color. (you can simply change rgb colors into hex colors online).

    Sorry if I didn’t get your question right.

    Thread Starter motty27

    (@motty27)

    Yes the date tabs were exactly what I meant – thanks – i’ll give it a go.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Events List – changing colour of icons’ is closed to new replies.