Support » Plugin: Events Manager » Help re CSS to adjust styling of submission form

  • Resolved chrisscottuk

    (@chrisscottuk)


    Please forgive my ignorance on this topic. I know almost nothing about CSS.

    I need to change the appearance of the submission form.
    The priority is changing the font colour of some of the text.

    Please could someone tell me exactly what file I should edit, and what the common classes are for the submission form text areas.

    Thank you in advance!

Viewing 3 replies - 1 through 3 (of 3 total)
  • I have found some elements within events_manager.css

    I can edit some things to add the desired color – like :

    /* Location form */
    		#em-location-data table.em-location-data td, #em-location-data table.em-location-data th { vertical-align:top; border:none; color:#333; }

    However other things on the submission form do not have their own element.

    The easiest thing for me to do, would be to prohibit the themes
    .entry-content code from applying to anything on the submission form page, and creating an override.

    How can I do that?

    I am not part of support… just some dude.

    It’s probably not a great idea to edit the core files as upon updates they may change.
    It is good to put in a child theme or use an CSS Editor for a situation like yours.

    Not to insult your intelligence… but if you don’t know how use the “Inspector” for example as in Firefox… it’s time to do so. There are comparable “Inspectors” for Chrome and IE.

    Not knowing exactly what you want to change I’ll give some quick examples..
    If you are trying to change the Submission Form that is the one using the short code
    [event_form]

    At the top of the from is “Event Name”…

    .event-form-name {
        color: blue;
    }
    .event-form-when {
        color: green;
    }
    
    .em-event-text {
        color: red !important;
    }
    
    .event-form-where  {
        color: yellow!important;
    }

    Notice the use of !important
    some time it is necessary to overide the existing CSS.

    Hopefully these hints will get you going in the right direction.
    All these CSS can be discovered using the “Inspector” in your favorite browser and “tested” before actually implementing them.

    really helpful – thank you

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Help re CSS to adjust styling of submission form’ is closed to new replies.