Ticket #157940 Public

Correctly Identifying CSS areas to change

  • Hello, I am a CSS idiot and have followed directions and seem to be missing what I need to do.

    I have followed this ticket: https://helpdesk.ashanjay.com/ticket/css-class-title-subtitle-event-location/ I have followed the docs: https://docs.myeventon.com/documentations/change-css-calendar/.

    When I pull up my calendar, I want to edit a few things. I need to change the size/color/font of the start and end time. I also need to change the padding as I am making it much bigger (going out to digital signs.) I need to change the size/color/font of the title of the event and the same for the location.

    Following the docs on the eventon site, this is the css:

    #evcal_list .eventon_list_event .evcal_desc span.evcal_event_title, .ajde_evcal_calendar.boxy.boxstyle1 #evcal_list .eventon_list_event .evcal_desc span.evcal_event_title, .evo_lightboxes .evo_pop_body .evcal_desc span.evcal_desc2 {
    color: #6B6B6B;

    I put that in, like the docs stated and change the color and no changes.

    I follow the directions in the support ticket and put in:
    #evcal_list .evcal_desc2.evcal_event_title {
    color: #e80d0d;

    No changes.

    I have deleted the cache after each attempt.

    I am lost.

    Is there a document that has what the css is for each object? If not, can you guys either tell me or point me to the css that I need to put in to make those changes?


    BY: David Bergerson - Jan 13,2020 AT 1:55PM - 3 hours ago
    • By: David Bergerson Jan 13,2020 AT 8:10PM - Posted 3 hours ago - #157955

      I am starting to make some progress :)

      The issue I am having now is how do I move the block that has the event title and the event location further to the right?

      From what I see, and again, I am not a CSS person, the block with the time is in a block called cblock.  I need to either make that wider and have the block to the right of it start after that or I need to move the start of the block to the right.

      Enclosed is an image of what I am seeing and trying to do.

      This is the code that I used:

      /*This is the section for the title of the filter*/
      #evcal_widget .ajde_evcal_calendar .calendar_header p {
        font-size: 96px;
        height: auto;
        color: #000000;
      /*This is the section for the title of the event*/
      #evcal_list .eventon_list_event span.evcal_desc2.evcal_event_title{
          color: #e80d0d;
          font-size: 96px;
      /*This is the section for the time in it*/
      #evcal_list .eventon_list_event em.time{
          font-size: 96px;

      I am still looking for the location css and then of course, how to move it around.







    • By: David Bergerson Jan 13,2020 AT 8:31PM - Posted 3 hours ago - #157959

      Sorry to add so quickly another question to the thread.  What is the CSS block for the whole event?  As you saw above, the text is getting HUGE.  It has to be visible from 15' on a 4k monitor.  So I need each event to fit within the block that encompasses the whole event.


      Thanks again!



You must login to reply to this ticket


Welcome to EventON helpdesk.

EventON is the #1 Best selling event calendar plugin for WordPress websites in envato marketplace.

Checkout EventON