Support

Home Forums Event Espresso Premium Hide date and time of select events

Hide date and time of select events

Posted: September 27, 2020 at 11:00 pm


wenhk

September 27, 2020 at 11:00 pm

Hi, I’m trying to hide the dates and times of a few events because these are on-going ones. I’ve tried using the following CSS codes suggested in other threads but the dates are still showing.

.postid-5572 .event-datetimes {
display: none;
}

#ee-event-datetimes-ul-5572 {
display:none;
}

Could you please let me know how to hide the dates. Thank you!


Tony

  • Support Staff

September 28, 2020 at 6:22 am

Hi there,

Both of those CSS snippets work fine for me when I test them on your event.

May I ask how you are adding the code to the site as I can’t see if loading on the page currently?


wenhk

September 28, 2020 at 8:33 pm

Hi Tony,

I go to Appearance > Customize then add the code in the Additional CSS. The codes are not there right now because it was not working when I was adding it. Is this not the place I should add them? If not, please let me know. Thank you!


Tony

  • Support Staff

September 29, 2020 at 2:40 am

That’s exactly where you should add that code.

Can you re-add it to the above so I can check what is happening?


wenhk

September 29, 2020 at 11:57 pm

Hi Tony, I’ve added both codes and the dates are still showing.


Tony

  • Support Staff

September 30, 2020 at 2:02 am

The datetimes are hidden on the event page for me, can you link me to the page that displays the dates for you?

Or include a screenshot?

https://eventespresso.com/wiki/troubleshooting-checklist/#screenshots

You can mark your reply private so only EE staff can view it if preferred.


Tony

  • Support Staff

September 30, 2020 at 2:03 am

This reply has been marked as private.


wenhk

September 30, 2020 at 2:26 am

This reply has been marked as private.


Tony

  • Support Staff

September 30, 2020 at 2:36 am

Ahhh, ok, so for that you’ll need:

.espresso-table-row .start_date.event-5572 .ee-table-view-datetime-list,
.espresso-table-row .start_date.event-5324 .ee-table-view-datetime-list {
    display: none;
}

To remove the date from others you just repeat this line:

.espresso-table-row .start_date.event-XXXX .ee-table-view-datetime-list,

Where XXXX is the ID of your event.


wenhk

October 5, 2020 at 9:42 pm

Brilliant! It works now. Thank you so much!


Tony

  • Support Staff

October 6, 2020 at 3:09 am

You’re most welcome 🙂

You must be logged in to reply to this support post. Sign In or Register for an Account

Support forum for Event Espresso 3 and Event Espresso 4.
Documentation for EE3 and EE4
Documentation for Event Espresso 3 Documentation for Event Espresso 4

Status: publish

Updated by  Tony 2 weeks, 6 days ago ago

Topic Tags

Notifications

This topic is: not resolved
Do NOT follow this link or you will be banned from the site!
[gravityform id=80 title=false description=false ajax=false]
<div class='gf_browser_unknown gform_wrapper' id='gform_wrapper_80' ><form method='post' enctype='multipart/form-data' id='gform_80' action='/topic/hide-date-and-time-of-select-events/'> <div class='gform_body'><ul id='gform_fields_80' class='gform_fields top_label form_sublabel_below description_below'><li id='field_80_1' class='gfield gfield_contains_required field_sublabel_below field_description_below gfield_visibility_visible' ><label class='gfield_label' for='input_80_1' >First name<span class='gfield_required'>*</span></label><div class='ginput_container ginput_container_text'><input name='input_1' id='input_80_1' type='text' value='' class='medium' aria-required="true" aria-invalid="false" /></div></li><li id='field_80_2' class='gfield gfield_contains_required field_sublabel_below field_description_below gfield_visibility_visible' ><label class='gfield_label' for='input_80_2' >Email address<span class='gfield_required'>*</span></label><div class='ginput_container ginput_container_email'> <input name='input_2' id='input_80_2' type='email' value='' class='medium' aria-required="true" aria-invalid="false" /> </div></li><li id='field_80_3' class='gfield gfield_contains_required field_sublabel_below field_description_below gfield_visibility_visible' ><label class='gfield_label' >GDPR Agreement<span class='gfield_required'>*</span></label><div class='ginput_container ginput_container_checkbox'><ul class='gfield_checkbox' id='input_80_3'><li class='gchoice_80_3_1'> <input name='input_3.1' type='checkbox' value='I consent to have this website store my submitted information so they can respond to my inquiry.' id='choice_80_3_1' /> <label for='choice_80_3_1' id='label_80_3_1'>I consent to have this website store my submitted information so they can respond to my inquiry.</label> </li></ul></div></li><li id='field_80_4' class='gfield gform_validation_container field_sublabel_below field_description_below gfield_visibility_visible' ><label class='gfield_label' for='input_80_4' >Comments</label><div class='ginput_container'><input name='input_4' id='input_80_4' type='text' value='' autocomplete='off'/></div><div class='gfield_description' id='gfield_description_80_4'>This field is for validation purposes and should be left unchanged.</div></li> </ul></div> <div class='gform_footer top_label'> <input type='submit' id='gform_submit_button_80' class='gform_button button' value='Download Now' onclick='if(window["gf_submitting_80"]){return false;} if( !jQuery("#gform_80")[0].checkValidity || jQuery("#gform_80")[0].checkValidity()){window["gf_submitting_80"]=true;} ' onkeypress='if( event.keyCode == 13 ){ if(window["gf_submitting_80"]){return false;} if( !jQuery("#gform_80")[0].checkValidity || jQuery("#gform_80")[0].checkValidity()){window["gf_submitting_80"]=true;} jQuery("#gform_80").trigger("submit",[true]); }' /> <input type='hidden' class='gform_hidden' name='is_submit_80' value='1' /> <input type='hidden' class='gform_hidden' name='gform_submit' value='80' /> <input type='hidden' class='gform_hidden' name='gform_unique_id' value='' /> <input type='hidden' class='gform_hidden' name='state_80' value='WyJbXSIsIjBiNjdjZjkyMDUzOWUxOWY5Y2NiZjIwMzM4YjA1Mjk4Il0=' /> <input type='hidden' class='gform_hidden' name='gform_target_page_number_80' id='gform_target_page_number_80' value='0' /> <input type='hidden' class='gform_hidden' name='gform_source_page_number_80' id='gform_source_page_number_80' value='1' /> <input type='hidden' name='gform_field_values' value='' /> </div> </form> </div><script type='text/javascript'> jQuery(document).bind('gform_post_render', function(event, formId, currentPage){if(formId == 80) {} } );jQuery(document).bind('gform_post_conditional_logic', function(event, formId, fields, isInit){} );</script><script type='text/javascript'> jQuery(document).ready(function(){jQuery(document).trigger('gform_post_render', [80, 1]) } ); </script>
[i]
[i]