X
155226

CSS class title, subtitle, event location

Hello
I am trying to change appearance of title, subtitle and event location in my list calendar.
But I can’t find the css classes, I’ve tried many things that don’t work
For example I would like to set a biffer “padding-bottom” for the title
Could you tell me what css class I should use ?
Thank you

BY: Nica Stapel - Dec 20,2019 AT 6:02PM - 5 years ago
    • Artem Dec 22,2019 AT 10:55PM - Posted 5 years ago - #155344

      Hello Nica,

      These are the selector you need:

      For title:

      #evcal_list .evcal_desc2.evcal_event_title {
      }

      For subtitle:

      #evcal_list .evcal_event_subtitle {
      }

      For location:

      #evcal_list .evcal_evdata_row.evo_location {
      }

       

       

    • Nica Stapel Dec 23,2019 AT 3:28AM - Posted 5 years ago - #155381

      I did write both of these and nothing changes :

      #evcal_list .evcal_evdata_row.evo_location {padding-top:10px; padding-bottom:20px!important}

      #evcal_list.evcal_desc2.evcal_event_title {padding-bottom:50px !important
      }

       

      Any idea what I am doing wrong…?

       

    • Artem Dec 23,2019 AT 5:13AM - Posted 5 years ago - #155438

      This code #evcal_list.evcal_desc2.evcal_event_title {padding-bottom:50px !important } works:

      Please add a space before !important in this code: #evcal_list .evcal_evdata_row.evo_location {padding-top:10px; padding-bottom:20px!important}

    • Nica Stapel Dec 23,2019 AT 5:58AM - Posted 5 years ago - #155443

      This is so weird..

      I just read your message (35 minutes after yours). I went to check my website (the code I sent you is still “in it”) and you’re right, I could see the padding-bottom : 50px# for evcal_list.evcal_desc2.evcal_event_title

      But I did not really want 50 px, I did put 50px to make sure I could actually see the change when it occurs. So I changed it to 20px. And nothing happens !  (of course I saved the CSS changes, and I refreshed the website page)

      Please see attached back and front end screenshots

      maybe I am in thhis case ? : “If your dynamic styles (appearance changes in eventon settings) do not reflect on front-end, it could be that your website is blocking eventon from using wp_filesystems() to write these dynamic styles to “eventon_dynamic_styles.css”.
      In this case please copy the below CSS styles and paste it on your theme styles (style.css).”

      But then, the changes should not have appeared at all, not a day after ?

      Is it possible that…I have t wait ???!!!!

       

    • Nica Stapel Dec 23,2019 AT 5:58AM - Posted 5 years ago - #155445

    • Artem Dec 23,2019 AT 12:10PM - Posted 5 years ago - #155485

      Only if you are using some kind of cache plugin on your WordPress installation (you need to clean it manually). Usually you just need to clean your browser cache and it should work immediately. For the best results could you please go to Appearance > Customize > add the code to Additional CSS. You’ll be able to see the results immediately.

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