Editing css files

  • Resolved sparkyjohnmarky

    (@sparkyjohnmarky)


    4 years, 8 months ago

    Hi,

    Before I part with my hard earned money I like to ensure that what I am paying for works as described. I have downloaded the events calendar, created an event then viewed that event on its relevant page. However when viewed on an iPad all the fonts colours are the same as the background so the are invisible, which is a problem because 95% of my users will be accessing these events through iPads and iPhones.

    I have gone through most of the css and changed it via wordpress customiser. However there is on element that will not change which is the date number in the Calendar. The supposedly line that needs to be changed is .tribe-common .tribe-common-h4 {}. Although when I inspect the element in chrome I can change its colour, it will not change in the wordpress customiser. I have accessed the css file on my hosting but this file has been written on one line an contains in excess of 33,000 columns and trying to pinpoint the exact code is virtually impossible . Can anybody advise how this element can be customised thanks

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Contributor Stephen Page

    (@camwynsp)

    4 years, 8 months ago

    Hey sparkyjohnmarky!

    Hope I can help you out with this!

    1) is this for a specific view? For month view (for example) you could use:
    .tribe-common .tribe-events-calendar-month__day-date .tribe-common-h4 { color: red; }

    We have articles for specific views in our knowledgebase, here’s month view: https://theeventscalendar.com/knowledgebase/k/styling-month-view/

    2) we have an update coming which will help with these issues

    3) .tribe-common .tribe-common-h4 is pretty broad – it will affect things other than the date. If you have a specific location I can give you more specific advice but:
    if this style isn’t working
    .tribe-common .tribe-common-h4 { color: red; }
    try this CSS trick
    .tribe-common .tribe-common-h4.tribe-common-h4 { color: red; }

    Cheers,
    Stephen

    Thread Starter sparkyjohnmarky

    (@sparkyjohnmarky)

    4 years, 8 months ago

    Suggestion above worked for the section that appeared to be uneditable, however this problem has appeared in other elements. As the developer cannot be bothered to create a editable css file I can no longer spend my valuable time doing the developers job for them. The plug-in looked promising and would have purchased the premium plugin, however with lazy coding like this I have chosen a different plugin that works.

    Truman

    (@tdorn)

    4 years, 7 months ago

    Hi there!

    This thread has been inactive for a while so we’re going to go ahead and mark it Resolved.

    Please feel free to open a new thread if any other questions come up and we’d be happy to help.

    Best regards,

    Truman

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

The topic ‘Editing css files’ is closed to new replies.

Tags