Viewing 8 replies - 1 through 8 (of 8 total)
  • Hi @stix909,

    Thanks for your interest in our products.

    The class of that heading is tribe-events-single-event-title. Did you change any text to white?

    This can be changed via CSS like below, but will need to be overridden via The Events Calendar stylesheets. Our Testing for Conflicts explains how to do this.

    .tribe-events-single-event-title (
    color: black;)

    .Hope that helps!

    Thread Starter stix909

    (@stix909)

    Hi,
    The only thing I changes was to create a file called tribe-events.css containing

    #tribe-events h1 {
    color: #940636;
    text-transform: uppercase;

    Do I add your line of css to it or do I do it another way?
    VERY simple instruction are needed in my case 😉
    Many Thanks

    Thread Starter stix909

    (@stix909)

    Ok, I’m getting some where. I combined the code into

    #tribe-events h1 {
    color: #940636;
    text-transform: uppercase;
    }
    .tribe-events-single-event-title (
    color: black;)

    and that has fixed the individual event page. Thanks. Just need to do the same in the box that appears when you hover over the event title in the month grid.

    Try this:

    .tribe-events-calendar h4 {color: #000000 !important;}

    Take care,
    Ed ✌️

    Thread Starter stix909

    (@stix909)

    Hi Ed,
    No that didn’t work
    Screenshot:

    That’s actually an H3 →

    .tribe-events-calendar h3 {color: #000000 !important;}

    Hope that helps! That’s about the extent of CSS I can help out with, Might I suggest using Chrome developer tools (Firefox has them as well) to find the classes/ids your are looking to select.

    Take care,
    Ed ✌️

    Thread Starter stix909

    (@stix909)

    Ed,
    Many Thanks for your help. That didn’t fix it but it did lead me in the right direction. I used the blunt instrument effect!!!
    Fixed it with this:

    #tribe-events h1 {color: #940636; text-transform: uppercase;}
    .tribe-events-single-event-title (color: black;)
    .tribe-events-calendar h2 {color: #940636 !important;}
    .tribe-events-calendar h3 {color: #940636 !important;}
    .tribe-events-calendar h4 {color: #940636 !important;}

    Which I think covers it all!
    Couldn’t have done it without you. Very please with this so will go Pro as soon as my beta testing complete
    M

    Awesome! Glad you got it figured out, sometimes selecting the right element can be tricky — good work!

    I’m going to go ahead and close out this thread — don’t hesitate to create a new one any time you need help!

    Take care,
    Ed 🙂

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Font Colour – again’ is closed to new replies.