Notice: Function _load_textdomain_just_in_time was called incorrectly. Translation loading for the pue-sales domain was triggered too early. This is usually an indicator for some code in the plugin or theme running too early. Translations should be loaded at the init action or later. Please see Debugging in WordPress for more information. (This message was added in version 6.7.0.) in /home/staging-poc/public_html/wp-includes/functions.php on line 6114

Notice: Function _load_textdomain_just_in_time was called incorrectly. Translation loading for the better-click-to-tweet domain was triggered too early. This is usually an indicator for some code in the plugin or theme running too early. Translations should be loaded at the init action or later. Please see Debugging in WordPress for more information. (This message was added in version 6.7.0.) in /home/staging-poc/public_html/wp-includes/functions.php on line 6114

Notice: Function _load_textdomain_just_in_time was called incorrectly. Translation loading for the pue-amazon domain was triggered too early. This is usually an indicator for some code in the plugin or theme running too early. Translations should be loaded at the init action or later. Please see Debugging in WordPress for more information. (This message was added in version 6.7.0.) in /home/staging-poc/public_html/wp-includes/functions.php on line 6114

Notice: Function _load_textdomain_just_in_time was called incorrectly. Translation loading for the pue-stats domain was triggered too early. This is usually an indicator for some code in the plugin or theme running too early. Translations should be loaded at the init action or later. Please see Debugging in WordPress for more information. (This message was added in version 6.7.0.) in /home/staging-poc/public_html/wp-includes/functions.php on line 6114

Notice: Function _load_textdomain_just_in_time was called incorrectly. Translation loading for the wordpress-seo domain was triggered too early. This is usually an indicator for some code in the plugin or theme running too early. Translations should be loaded at the init action or later. Please see Debugging in WordPress for more information. (This message was added in version 6.7.0.) in /home/staging-poc/public_html/wp-includes/functions.php on line 6114
Which CSS classes to use? | Event Espresso - Staging Server

Support

Home Forums Event Espresso Premium Which CSS classes to use?

Which CSS classes to use?

Posted: July 16, 2013 at 9:32 pm

Viewing 5 reply threads


Jennifer Benn

July 16, 2013 at 9:32 pm

Hi. I’m struggling to do the CSS styling. I have a very simple requirement: an events list page and an actual event page. Here is a screenshot of what I want to do. I can’t seem to get it right using Firebug, the things I’m trying are not working. Please could you send me a list of the css classes/properties I need to change? If I know the classes I can work out the values I need to put in.

https://www.evernote.com/shard/s3/sh/b3f45b6d-2eee-49b0-9257-2a33a265882a/cf4ead46c7049e7e2b8c391e5a2808e4

Your help would be much appreciated!
Regards
Jenny

  • This topic was modified 11 years, 6 months ago by Jennifer Benn.


Dean

  • Support Staff

July 17, 2013 at 6:29 am

Hello Jennifer,

We don’t have a concise list of all the classes used in the plugin, however you should be able to see each elements classes and id’s when examining the element in Firebug.

It’s difficult to say from just an image, as the theme may be affecting the CSS in ways I cannot imagine, but I would say:

space between fields use .event_form_field

font .ui-widget input

number of tickets – well to change the wording I would use the translation guide, or this function. Font size for the dropdown box use .ui-widget select

For the event list styling you could use the css-class attribute on the EVENT _LIST shortcode, that way you have a custom css class to target http://staging.eventespresso.com/wiki/shortcodes-template-variables/#event-list


Jennifer Benn

July 19, 2013 at 1:15 pm

Thanks Dean


Dean

  • Support Staff

July 20, 2013 at 1:50 am

Hi,

Just realised I never linked to the translation stuff:

Guide – http://staging.eventespresso.com/wiki/how-to-change-wording-with-poedit/

Function – http://www.viper007bond.com/2011/07/13/changing-core-wordpress-strings/

Sorry about that.


Jennifer Benn

July 20, 2013 at 4:57 am

THanks Dean. I would like to create a custom class for the event list shortcode as you suggested, but I would like to base it on the existing class (make a copy and then tweak it). which class can I use? Sorry if this is a stupid question.


Jennifer Benn

July 20, 2013 at 6:34 pm

Hi Dean. Ignore my last comment. You can close this ticket, I will open another.

Viewing 5 reply threads

The support post ‘Which CSS classes to use?’ is closed to new replies.

Have a question about this support post? Create a new support post in our support forums and include a link to this existing support post so we can help you.

Event Espresso - Staging Server