X
157940

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?

    Thanks!

    BY: David Bergerson - Jan 13,2020 AT 1:55PM - 2 weeks ago
    • By: David Bergerson Jan 13,2020 AT 8:10PM - Posted 2 weeks 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.

       

      Thanks!

       

      dave

       

       

    • By: David Bergerson Jan 13,2020 AT 8:31PM - Posted 2 weeks 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!

       

      dave

    • By: Artem Jan 14,2020 AT 4:47AM - Posted 2 weeks ago - #158020

      Hello,

      To change colours please use EventON > Appearance settings.

      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.

      Title:

      .eventon_events_list .eventon_list_event .evcal_desc span.evcal_desc2, .evo_pop_body .evcal_desc span.evcal_desc2 { font-size: 15px !important }

      Location:

      .eventon_events_list .eventon_list_event .evcal_desc .evcal_desc_info, .evo_pop_body .evcal_desc .evcal_desc_info { font-size: 15px !important }

      Start/End time:

      .ajde_evcal_calendar.evoDV .evcal_cblock em.time, .ajde_evcal_calendar.evoDV .evcal_cblock .evo_end.only_time { font-size: 17px !important }

      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?

      #evcal_widget .eventon_events_list .eventon_list_event .evcal_desc, #evcal_widget .eventon_events_list .eventon_list_event .no_val.hasFtIMG .evcal_desc { padding-left: 100px !important }

You must login to reply to this ticket

HelpDesk

Welcome to EventON helpdesk.

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

Checkout EventON