Support

January 20, 2021 at 2:30 pm

Hi there,

Looking over the registration form it looks like the text is already right-aligned, have you already fixed this or am I missing a section?

January 21, 2021 at 6:40 am

Ah, apologies! That was me being simply blind to it.

To fix the ticket selector you can use:

.tkt-slctr-tbl,
.tkt-slctr-tbl .jst-left,
.tkt-slctr-tbl .jst-cntr {
    text-align: right!important;
}

For single page checkout:

#ee-single-page-checkout-dv, 
#ee-single-page-checkout-dv .jst-left,
#ee-single-page-checkout-dv .jst-cntr,
#ee-single-page-checkout-dv table {
    text-align: right!important;
}

Add those to Appearance -> Customize -> Additional CSS.

If that doesn’t fix them all please do let me know.

January 22, 2021 at 4:09 am

1. The bellow should change the REGISTER NOW! to text in alt. If correct.. it doesnt
[ESPRESSO_GRID_TEMPLATE limit=4 alt_button_text=”أنقر للتفاصيل”]

alt_button_text is for when you are using an alternative registration page (and external site for your registrations) on the event, the default for that output would be ‘View Details’.

To change the ‘Register now’ text use button_text:

[ESPRESSO_GRID_TEMPLATE limit=4 alt_button_text="أنقر للتفاصيل"]

2. also is their a way to make these images clearer when they become smaller

The grid template uses the thumbnail size for your site, which by default is 150px by 150px and then sets the height and width to 200px by 200px.

So you have 2 choice, either you can use some CSS to set the grid template to use the native image size:

.ee_grid_box_v2 img {
    width: 150px;
    height: 150px;
}

Or, alter the template to use a larger image in place of the thumbnail which will then use the 200px by 200px default and look clear. I can add some details on how to do that if needed?

January 25, 2021 at 6:55 am

Event Espresso will search your themes root directory for some of it’s templates before using the default, so if you place a copy of the template there and make changes, that template will be used.

So, copy /wp-content/plugins/eea-events-grid-view-template/templates/espresso-grid-template.template.php into the root directory of your theme (preferably a child theme).

Around line 27 should be:

$feature_image_url = $post->EE_Event->feature_image_url();

Change that to something like:

$feature_image_url = $post->EE_Event->feature_image_url('small');

Which should load the ‘small’ version of the image in question as long as your theme (or another plugin) hasn’t removed those sizes.

January 25, 2021 at 8:51 am

Good Morning.

This should fix the table view:

#ee_filter_table,
.footable > thead > tr > th,
.footable > tbody > tr > td {
    text-align: right!important;
}

January 27, 2021 at 3:34 am

You can use something like this:

#ee_filter_table .event_title {
    vertical-align: top;
}

January 28, 2021 at 3:49 am

why the images i added to courses seems like cut.. not displaying in full?

The images are being cropped and that is controlled by your theme rather than Event Espresso. EE is calling up the feature image and the image provided has been cropped to fit.

Take a look here: https://www.elegantthemes.com/blog/divi-resources/the-ultimate-guide-to-using-images-within-divi

2. how can i center these image courses
https://engineeringforkids.ps/

Only on the home page?

If you mean like this: https://monosnap.com/file/KRGu4G7QadN08KTfEkDZkNx1iE5Pwa

Then you can use something like:

.ee_grid_box_v2 {
    float: none;
    display: inline-block;
}

January 28, 2021 at 2:06 pm

My apologies but what do you mean by the course page? The single event page?

January 29, 2021 at 4:11 am

We don’t have an option to include tabs etc, but your theme likely does.

If you are looking to customize the output of the single events page (other than including the FAQ in the event description) you’ll likely need to alter the template files used for outputting EE events and for that you’ll need some custom work from a developer familiar with Divi.

February 1, 2021 at 5:32 am

Sure, I’m guessing you only want to reduce the margin on mobile?

You can use something like:

#ee_filter_table tr td {
    padding: 3px;
}

If you only want to change the padding on mobile, use something like:

@media only screen and (max-width: 600px) {
    #ee_filter_table tr td {
        padding: 3px;
    }
}

February 1, 2021 at 8:00 am

Where are you adding that CSS?

It loads on this page:

https://engineeringforkids.ps/

But not on:

https://engineeringforkids.ps/online-courses/

Try clearing any caches you have.

February 2, 2021 at 8:33 am

When you say it didn’t work, have you added a new image with the above code in place?

I haven’t used Divi in a while now, but if I recall correctly, the above will only work for images you upload after that code has been added.

February 2, 2021 at 9:29 am

ya i tried adding images again but it is still cropping

i thought it didnt work because we need to add event espresso name to line like
et_pb_gallery_image_height’,’ld_stop_crop_image_height’ );

Ah, ok. No, it does not need to be connected to Event Espresso in any way, the images are controlled by Divi.

2. is there something i can connect my events to facebook/instagram?

Currently, the only social media integrations we have are available within this add-on:

https://eventespresso.com/product/eea-events-social-sharing/

February 4, 2021 at 4:19 am

How to hide??

So is it all events in the flex_courses* categories?

If so then for the table on the page you can use:

tr[class*="flex_courses"] .ee-table-view-datetime-list {
    display: none;
}

Then on the events themselves:

.single-espresso_events article[class*="flex_courses"] .event-datetimes {
    display: none;
}

That CSS hides the datetimes for ALL events in categories where the slug contains ‘flex_courses’.

can i c events based on a venue? Listing events in a specific venue?

Not by default, but we do have a snippet that can include an event list on the single venue pages.

For example, this page: https://engineeringforkids.ps/venues/flex-programs/

https://gist.github.com/joshfeck/0622e324fb3729880f67

Or for more details, this one:

https://gist.github.com/joshfeck/0622e324fb3729880f67