Office Hours: The Events Calendar Customizations

hello hello everyone thank you for
joining this webinar today today it's
going to be all about the events
calendar customizations and we're going
to start off with first of all introduce
Stephen Paige here and behind the scenes
producer extraordinaire we have Jamie
for the events calendar and so Stephen
why don't you start us off with the
customization that
uh uh Enlighten us on how we can
customize Tec sure uh one of the
requests that we actually get frequently
is how to do a
customization of a specific part of a p
of an events page um generally the
simplest ways to do a a template
override uh so I'm going to work walk
you through one we're going to this is a
single event page uh the theme is
2021 uh and I'm going to just kind of
walk you through that so first we've got
um we're going to we're going to we're
going to
change this to a
button um sorry uh where is the oh we're
it's not showing here this event doesn't
have a
website uh let me let me edit this event
and give it a website link of course I
picked picked a bad one for the for the
example um so we're going to go down
here and under event web site we're just
going to we're going to send you to
google.com right
here there we go uh that'll work for
this um easy to
test Okay so we've updated our event so
it has a a UR URL and now if we refresh
this page you see the website down here
right um this section uh sometimes it's
hard to find these but if you're uh if
you inspect an item and then like we
want this
whole uh not that section this the
events meta you can see this comment you
might not be able to see that let me we
have this section here says event meta
so like here's here's the primary event
meta and if we look that website is in
it right so we can you can actually
copy the class
right like this and then you can you can
go into your editor and and search for
that uh and it's going to show you a ton
of them um and what we're looking for
is I should have probably made this a
little narrower to make this easier for
you so we're looking for this the
details right there it is there's the H2
we go back to our browser H2 single
section yes sure right so single section
title right this template at the top has
a doc block it says this is our single
event meta details
template and then it has this this is
what we we care about is override this
template in your own Theme by creating a
file at your theme Drive events modules
meta details PHP okay so basically what
we' do is we' go into our
theme I'm in plugins give me a moment
and I'm using 2021 and we're going to
create this this is what we're looking
at right tribe events modules metad
details.php tribe events modules meta
details.php so I have created this file
um once you create that file what I
would do is go straight down to where
the HTML starts and then just add
something like this
right so we just added a paragraph tag
and the point to doing that is then we
can refresh this page and we see the
here and that means that our override is
working
right so let's take that out and now we
want to go down and we want to find we
want to find website here's the event
website code now this gives us it checks
to make sure this is what caught me at
the beginning if it's empty you know if
the url's not there it won't show
anything right so uh we want to stay
inside this if so that we don't have to
go and retroactively add crazy websites
to all of our our events but we want to
add a button instead right or a link
that looks like a button so we would
instead of doing
this um which just
lists sorry which just
lists uh the URL right we'd want to we'd
want to go in and we want to do
something
like uh do
this
um this a
span
uh and we don't want the title to show
we just want a
button uh
and save this and now if we refresh this
page you'll see there'll just be the URL
here maybe come on
right and then we can style that like a
button so we can we
can and I'll actually do that in the
browser just so you can see we're going
to uh inspect find that right so here's
our here's our uh URL here's our span
that encloses a URL uh we have um if you
hunt in our
Styles um St
um want we want to find
a
um we want to find buttons right so
here's our buttons import buttons border
so then if we're looking here you see
buttons and we can say oh we want like a
regular border button so we should be
able to add this
class bear with
me to the
span and then we get all of the styles
of we get some of the styles of a button
and then we can go in and we can change
the Styles so we can say things like
padding it's going to be 10
pixels
um background color is going to be
I'm just going to pick colors at random
we we're actually going to go in here
and we're going to
say uh
background
none background color
n huh interesting I wonder why it's it's
it's highlighted in Gray oh
oops background
color oh h
don't like that
transparent we're still getting that
gray so um and then we can do
[Music]
borders one pick solid let's say
blue um let's give it a a little bit of
margin at the
top to space it out from
the h
H we need to get this one at the little
margin margin
bottom there we go thank you and then we
can do you know um border
radius say three pck just to round the
corners a little bit
um you know um and then we can also go
in if we want wanted to we can go in in
and this we look in the file here back
up to the top of the file we have this
tribe get events website link that
creates that if we look at that function
come
on there's a filter for it PL filters
there's for the Target right uh oh and
here's for the label so we can add a
filter to that
um when this label comes
in you see this function here this
Sprint F these are
placeholders right so one two 3 4
generally these are actually index but
one two 3 four so the label is going to
be the text and we can use this filter
to change that text to whatever we want
like come see us go buy tickets we love
you what have you um and I'm going to do
a fil later so I won't do that right now
um but uh but here we've got sort of a
button um and of course the styling is
all entirely up to you and and how you
do it and then
uh and this is how you this is how you
edit a template file so we just put this
template right where the top of the
template says to copy it and then we
make changes in it so
so all right how are we doing here do we
have any any questions or shall I jump
to another example nothing in the chat
yet but everyone feel free to put any
kind of customization requests or
questions that you might have into the
chat and we can um Stephen can uh work
on them uh live but in the meantime um
if you want to do another example that'
be great
sure we're going just get rid of that
and we're going to close
that
um uh I have uh there was another one
for community events and I felt like it
was a good example because
it shows a few different things that you
can you can do when we're when we're
filtering so I said I was just going to
do a filter so we're going to do this
one so the request was to send an
email to somebody when an event is
created in community events at a uh of a
specific category right um so we're
using this
filter this needs to
change just closed
everything if you can hear my dogs I
apologize they're being weird today um
so this do action right when when the
event is created and saved this action
fires um actions let you do something
but they pass you data but you can't
really change the data you just do
something whereas a filter it passes you
data and you change that data before it
acts on it so so we're using this action
so when this happens we want something
else to happen and it we see that it
passes us an event ID okay so then we
come in here and we add action to that
ID uh or to that hook and here's our
event ID so the first thing we want to
know is is it in the right category
category right so we have that event ID
we have a function that lets you get the
category IDs from the
event um we have our category here which
if you hover over this URL you can maybe
see at the bottom of my screen that the
the tag ID is 18 if you click into
it if it and we give it a second
um if you edit or if you look in the URL
here it is right here see this tag ID is
18 so that's that's the ID that we are
concerned with right um so we go back to
our
snippet um here is our
desired ID right um this gets all of the
IDS for this event so then the first
thing we do is we check is 18 in our
list of IDs and if it's not we return
which which means we don't do anything
right this is like NOP it's not the
right ID just move along nothing to see
here uh then we get an email here we're
just grabbing the organizer's email from
the event so we have get organizer email
from the event um we do a sanity check
just to make sure that if they're you
know maybe the organizer doesn't have an
email set up or whatever and then of
course we can't send an email um and
then once we get that email we're GNA
grab the organizer's name which
organizers are a post type so we're
going to use the title and then we set
up a subject
hey John do uh just want to let you know
about and we added the category in here
um escape and we're of course escaping
everything just to be safe and uh with
your name on it and then we use WP mail
we use WordPress his own uh oh you
stinker
we use word press's own WP mail let me
go back to that snippet sorry uh to
um there it is there it is um to uh send
the email rather than do anything fancy
unless you want to do something fancy
here we go WP mail boom
so
okay um again you know for folks that
don't know this is an action um you have
two types of hooks in WordPress you have
action Hooks and filter hooks um we have
both of them uh an action lets you do
something when something occurs think of
it as like just a trigger and will
sometimes pass you some
data um a filter will is a trigger with
often with multiple pieces of data but
one in particular the first one in the
filter let me see if I can
uh yeah here we go apply filters so
here's our hook name that we need and
then here's the data that's passed and
then this this first piece of data is
what get you
change
um see if I can find another one that
has slightly
different uh no all of these are just
sending one piece here we go so here
tribe Community form field label it
passes the label but it also passes you
the field object so that you have that
for reference but this is the only one
for a filter that you can actually
change so when when you when in your
function uh no Here If This Were A
filter at the end we would do return you
know uh what that label uh label right
and then in the
code here this function returns at the
very end so that means that instead of
the label that the function created it
would return the label that you created
in your
filter
okay clear maybe
hopefully there we go all right uh up
for
questions uh Aaron wanted to
know um Aaron says I want to know how to
make
edits to only one event in a series but
still have it be part of the
series okay uh let me see if I series
set
up I think I
do
series can
create this a series can can
contain different events like you can
create a different event uh it series
events don't have to be identical and
you can we can say we can uh let's see
this says events in series let's let's
go to our
events and we're
gonna this all right so like this one
isn't in a series so we should be able
to go in
[Music]
here
and
and add it to our series
okay um and then if we go back to our
series you see it's it's listed here and
then you can edit each of these
individual events if you create a
recurring event and you want to change
something uh let me see if I have a cing
event oh wait wait I know probably
easier for me to do it this way uh let's
go to month
view this is
a series
series uh I don't think I have one let's
create one real quick um new
event
event we're going to just have
this we're going to start today
and then we're going to schedule
multiple events we're going to say
weekly every
week ends after 10 events okay
um that's enough to create this
publish okay now it says this is part of
a series with 10 events if we go to the
series
it let us
edit but when we do
that it sends us back to this original
one right or does it see this the date
here
um let's change
this you should get this if it's a
recurring event right and this says do
we want to change all the events
do we want to change this events and all
future events or do we want to just
change this one so we would choose we
just want to change this
one okay and then we're going to go to
the front end it's still in the series
this recurring event series but this one
is different if we go back to our we go
to our series now and we're going to
just open up a couple of
these I have a lot of tabs now see this
one still says test
I picked badly this one also says
test uh if we
go um back from here to this event this
was the November 8th one sorry this one
you see says testing so the that event
changed so if they're recuring events if
you make a change to a specific
one then it should prompt you for if you
want to change all of the recurring
events
just this one or this one in all future
events and a series is different from a
recurring event because they don't have
to be um they don't have to all be the
same event right we can we can go to
series here and you'll see we have two
series one is the recurring event series
which we just looked at that has 10
recurring events one that we modified
the other one has 13 totally separate
events right so this would be like I've
got these these events and I want to
group them as a series because they're
all you know one speaker but he's
talking about different subjects you
know he's doing five different TED Talks
or what what have you right or you know
we we've got we're group you so series
let you group
things on a on a level outside of each
individual event it let you say like
these I'm grouping these together
because they are all the same speaker or
they're all at the same venue or what
have you um but it would be where you
know or we're we're running a series of
speakers right um you know there's a
local college that does um has famous
writers come in and read poetry you know
uh Eagle Pond Series this locally for me
so that eagle pwn series would all be
these different events but each event
would be a different author reading from
a different book
so so that's sort of there's like two
answers to your question depending on
how you build your series um if you're
building it out of individual events
it's really easy if you're building it
out of recurring events you just have to
edit that that particular recurring
event and then follow the prompts to
make sure that that's the only one that
changes
okay and this really isn't so much of a
customization question for me but uh if
anyone hasn't seen the news can you give
us a little insight
into uh what series passes are going to
be uh
I'm um I'm not working on series passes
okay okay but uh but yeah series passes
is is um it's going to
be um a way to allow you know like so I
said the Eagle Pond series is the our
local poetry reading thing right where
we have authors come in and read from
their books you would buy a pass to the
whole series so you could sell a ticket
for multiple events as long as they're
in that Series right uh there's some
there's a lot of technical Nuance there
um which is why it's it's it's it's it's
still in the works but the idea is is is
yeah it would be ticketing for series
and or potentially recurring events um
but uh but I can't give you a lot of
details because I just I I just um you
know I talked with the devs that are
doing it and and the folks that are
working on it but I'm not personally
working on it so I don't know a lot of I
just know it's a big deal and there's a
lot of people excited for it but but
it's coming it's it's on the way it's
super exciting it's probably um it
predates
series um back when we just had
recurring events and uh tickets for
recurring events was is probably our
most requested feature ever so it's
super exciting and um and we've got
literally got one of our best devs
working on it um but uh but I can't give
you a lot of details and I put a link to
our um to the blog post about series
passes into the chat
and has uh a demo site that we created
specifically for series passes so you
can play around with the features um and
then there's also a like feedback form
in there as well uh within that blog
post uh within the the demo site
actually if you
have any feedback on it there you
go so we have a we have a question by
arson here and this is about the
community events add-on and they say
that the client wants easy schedule
conflict checking is there a way to let
guest user so way to let guest user to
see single venue calendar that includes
private events with name and info
obscured
um that is not buil
in um and that would take more it would
take more customization than I could do
here and now um I mean yes is
theoretically it is it is possible um it
would require some
customization uh and and on the level
that if you're not code Savvy I would
probably um hire a third party Dev to
write you some code for it it wouldn't
be
incredibly difficult from a Dev
perspective but it's it would be I mean
you'd want someone that was fairly
meticulous to make sure that like
they're they're doing everything
properly I mean especially if you're
dealing with private events and stuff
like that um uh it's that it's a that's
a complex ask um but um but it's
definitely doable I do know
[Music]
um h
I mean you can see a venue event you'd
have to do something with the like for
um just so people know what the heck I'm
talking about here hang on so this uh
this event is at the RoR CAF I don't
even know if that's a real place to be
honest although apparently it is
Google's mapping it so if you go to the
venue list you can see the events but of
course you can't see the private ones
unless you're an admin right um I don't
have any private ones on my local right
now but um so you would have to do
something where when when you know for
this kind of a display you're overriding
the the the private portion of it you
know um and then you'd have to do a
template customization for those private
ones to hide any of the information you
don't want to actually show you know um
but we don't have something like that
built in in that would be a
customization um and
and like if you were working on the
customization you had a question we'd
probably you know we would Endeavor to
answer it but like we we're not we we
can't do the customization for you so
your best bet is actually probably to
hire um a Dev a third party Dev to to
rate the code for you unless you're up
to it yourself so I know uh B Smith
earlier says I don't have a series
button and that's probably because I'm
going to guess that you're not running
events calendar Pro that's a s that's a
feature related to events calendar Pro
correct yes series is specific to events
calendar Pro um so yeah if I'm we have
series here right that lists our
series and then there was the the
control in the event itself but right I
have plugins so if I go to my plugins
and and uh my active plugins let's just
go to active plugins I have a lot of
plugins um and you can see I have evance
calendar pro pro activated If I
deactivate
it and I go back here to events I'm just
going to click on this you going see all
the series stuff disappears recurring
events stuff doesn't happen um there's
no series here and yeah if I go into an
edit an event it won't let me add it to
a series or um or set up recurring
there's no like there's no recurring
events stuff because that's all part of
events calendar Pro
yep and Aron has a followup here is
there a monthly view for a single
venue monthly view for a single venue
there there's there's a few ways you can
accomplish that um I have filter bar
installed um and filter bar filter bar
we can we can say I want just the events
the Cormier room right and then that
gives you a URL that you can use with
the with the venue ID in it and that
only shows events for that on month view
and and and filter bar is one of our
commercial add-ons right filter bar is
one of our premium add-ons um the venue
view itself if you wanted um let
me uh if you went to
the went to the venue
itself um just see
this um if you went to the venue itself
then uh it would uh it uses list view um
you can oh here we go sorry um you you
can go in and change this
um again that's that's another
customization but there's a there's a
there's a way to hook in and alter which
view we use here um you would then
probably have to do some tweaking
because um we haven't we haven't like
built this out for a view otherwise we
just give you like you know an option to
change it but um but you could go in
hook into the filter and say ah I want
to use this instead you know so I
can't I can't remember that filter off
the top of my head but um it would be
in
calendar uh actually a lot of the venue
the the new venue stuff is in Pro um not
in um uh this part is is is obviously
this is still here we're still here but
like if you when I refresh this you'll
see like this will
disappear oh something happened here oh
no I guess venue views are actually part
of pro two my
bad activate
it
uh we did we just made some big changes
to that uh recently actually um to
venues and organizers and and the things
that you can do with them so uh so let's
see if we can go back and do this again
here we go so here's Our Cafe um you can
do something like as simple as this we
go in and we we look for events this
venue come on come
on oh I know what's going on it's I'm
looking for the string and that's not
going to work any because the string
is
copy there we go so this section here U
B2 this is oh that's the content title
um but you've got um pieces in here in
these in in our views for for the venues
and that kind of thing this is an events
calendar if you go into uh events
Pro um Source
views uh I might be in Pro yeah so like
here's single venue right so this is the
base file for this View and if we
go map link venue address website URL uh
TR events event venue description and
now here you see there's upcoming events
list right uh and it says do action so
you see this action and you can you can
then you can then like hook into that
and oh see here we've got right now it's
it's it's echoing out this uh tribe
venue upcoming events which we
deprecated interesting I'm in the wrong
one uh like I said we just recently did
uh let me see if I
can that was 60 single
venue uh So Pro
venue
meta no
[Music]
um
are you telling me Stephen that you're
learning things on the Fly here as
you're working with these customizations
our code base is is pretty big um but
yeah so like we
can this this is TR this these are
headers so the this way of like finding
these sometimes is a little funky uh we
want to
findu view um so if we go tribe
use use
venue view um they
changed the the here's the get HTML so
they're using this template see here
this list View and you see this comment
let me move this out of the way a little
so you can see it since this view has
historically been rendered with list
let's allow developers to Define
templates for the all view will fall
back on the list when it's not found so
in here you can um you can do a you can
get you can hook into here and change
which view is being shown so um and then
in the end it's it's using this you know
this the the get HTML file from the
parent
so yeah and speak speaking of some of
the work that's been done uh venues and
organizers now have a category session
so you can add categories now to both
correct uh venues and organizers yep if
we go back here now that Pro is reactive
reactivated you can see
venues and organizers both have of
course venues and organizers both have a
category section so you can categorize
them uh and we made updates to the to
the the views for them uh the individual
views for them so that you can you can
do things
like you know um or you can you can
actually do a venue
views uh by category so like we can do
venues um you know I I haven't set up a
venue category but like this view or you
there is a there is a venue view by
category now
so and and something else that was
recently added as well that's a pretty
cool feature is multiv venue support yes
um let see if I can I can do that in
this
one
okay yep you get this button here add
another venue you can add a second venue
so you may have you know a party that's
spilling out from one into the other or
you know you may have an event where you
have one main location and a couple of
uh remote locations that are you know um
connected via you know whether it's you
know a big screen you know like a movie
showing could be happening in multiple
places at once or something like that so
yeah uh T has a question using community
events once the event is published and
users buy tickets can we make it such
that the organizer cannot delete the
tickets and their followup is as we
found an organizer accidentally deleted
a ticket and the users
complained um I I imagine you that
happened um Okay so so if we go
into
settings and there's a community section
in
settings
um alerts
members um you can block access to the
dashboard if you haven't done that
already uh and
then I
don't
oh I don't have Community tickets
activated give me a moment let me do
that oh I do have it activated
interesting um so we're going to turn on
community
tickets um we're going let them upload
it
[Music]
um this
here the edit event tickets capability
is what you would wind up doing to um
it shouldn't let the manage attendees
that almost sounds like it might be a
bug uh I don't think they should be able
to delete tickets um I don't have any
setup um I mean unless somebody wants
to um you I don't I don't I don't know
that I want to like take the time to set
something up right now but um but I
would report that because I don't think
that is oh
FY sorry uh I don't think that's that's
normal to be honest so I would
uh I would probably actually um reach
out to our support and see um you know
ask and see what's going on because I
don't think they should be able to so uh
if the person creating an event is an
admin you know or has some other access
to your website outside of just creating
a ticket that there may be some
difference there but if it's if it was
just the person that created the event
via the front-end form I don't believe
they should be able to delete tickets
so and arson wants to know going back
to uh the previous question so you can
hook into that after upcoming events
area to add a whole new monthly section
to that
view to the oh we talking about the um
the venue view right is that what we're
talking
about
come FY yeah the monthly view for a
single venue right the monthly view for
yeah you can you can you can actually
hook in there and go back to venues and
open one up so what I'm actually talking
about is not adding a monthly view
it's see this may not have events no
this one doesn't have any events it's
not it's not adding something after this
that would be um replacing this with
instead of a list view replacing it with
a month
view the list view just happens to be
the default in the fallback option
correct the list view is the default and
um you would have to you'd have to do a
little bit of customization but you
could you could change that from list
view to month
view
and
then you would have to probably do a
little bit of styling and you may have
to actually
ensure they're probably loaded it's
probably not a big deal but you know
like there there may be like um a
particular asset for month of you that
isn't loaded uh I don't believe so but
you know like I would do it on a staging
site and see how it looks and then tweak
it if you having an issue you know reach
out to um uh to support about it U but I
think uh it should be fairly
straightforward once you switch the view
so uh one of the questions here can the
community event hosts choose the
organizers and I think off the top of my
head if I remember correctly if somebody
is submitting an event through the
community events I don't believe they
can choose the
organizers maybe you could double check
on that for me organizer details
they should be able to okay okay so I
think I think they can select them they
can't create them no
no I don't think they can create one
it's part as part of submitting a
community event they can only select
existing organizers I don't think they
can create them yeah I don't think they
can create them I think same with venues
I don't think they can create
them you'll see that like we should
actually probably change this text
because it should I was just going to
say it's I think you can try to create
it like the the top part can you just
add anything
there oh yeah you can oh well
see so they can create them as well uh I
would
imagine um and and I'm I'm not as
familiar with the community events um
plugin as some of the others but I would
imagine that those organizers and or
venues that get
created um are subject to the
settings um the community event settings
where like whether the events um come in
as draft
Etc um so that if they create an
organizer or venue it becomes it comes
in as draft um and there's ways I know
we have documentation on ways for like
see you can turn off they can't create
venues ah okay yeah yeah okay right they
can't submit anonymously right um and
uh TK says their question was can they
choose the can they choose the venue
category oh the venue
category
uh no not currently right it would be
listed here uh you the we have an
article on hooking into these um to like
make them required and things like
things like that uh into the um the
community events fields and uh you
could probably hook in an add category
uh and I will uh actually make that a
suggestion to the team community events
team to add that because that would be
very handy um to give them basically a
drop down like we have here with the
categories in it um but not currently no
so um one other one other question I
think was was something that that
stumped me was uh when it comes to
community
events um I don't think it's enabled by
default but when somebody submits an
event on the event submission page you
can't see who submitted that event but
since they if you have Anonymous
submissions turned off that means they
should be a registered user on your site
so you actually have to go into the
screen options The View options
select a submitter or user and it would
actually show up in that in that list of
submitted
events oh H
interesting
um yeah yeah we're going to skip that um
virtual oh so if
we I think we can we can skip all this
for now if we submit this
event says the event submitted view your
submitted events is this where you're
going because these of course are the
ones that that's on the front end I'm at
in the backend as the admin looking at
who submitted an event yeah yeah okay so
if we go to events oh you're talking
about and there should be one should be
a unpubl or submitted or something yeah
because the setting oh draft to go to
draft and then and then okay see author
if you go up to screen
options uh it sto me before author
wasn't selected by default for me at
some point so so it was hidden for me
and I I started wondering well how can I
see I how can I figure out who submitted
this event it turns out it's right there
under the screen options y it's right
there under the screen options it will
show the the author um the I mean
otherwise yeah you'd have to go like
into the
event into edit the event and it will
show you the
author uh used to show you the author up
[Music]
here uh it doesn't anymore uh that's a
WordPress oh here it is down at the
bottom author right and you can actually
change the author there if you you know
I don't have another user on my local
right now
but so yeah that's the other place but
of course if you get 100 submitted
events doing that for every single one
of them would be obnoxious so um yeah
setting the screen option would be
really useful for
that is there any is there any
customization of Tec that's that's one
of your favorites like maybe you have a
favorite code snippet or something
oh man um actually the thing that I I
like the most about Tec about
customizing Tec is and here let me let
me go to let me just go to the
calendar
um and I'm remember I'm a Dev I'm a geek
uh I nerd out on some really weird stuff
occasionally trust me none of that comes
through during these presentations yeah
yeah yeah um so uh um when you're
customizing
um when you're when you're dealing with
CSS CSS added something called custom
properties right uh and this is what
they look like this one is from
WordPress itself right or actually this
is
from this is from the theme okay um they
add these custom properties and they
work like a variable right so you can
you can just reference this everywhere
and then it only changes in one place um
we have a couple articles on this um if
you read one and don't understand it
reach out you know I would love to talk
your ear off for an hour about these
because they're I think they're so cool
but but let's look at um
something well actually we customize
right close this
um we still use the
customizer um and the reason we do is
because it
is really great about leveraging that
kind of thing so if we go into the
events calendar and let's say like the
events bar we're going to inspect this
so you can see what's going on um and
then we want to change
the um the text color here and we're
going to pick something that's not too
obnoxious maybe like kind of pink
I don't know if you folks can see that
difference but um what that does is it
changes this so this color uses a
variable right and when it does that
this actually changes the value of that
variable just for that button so
basically it says hey if you're this
button when when when you ask for that
variable this is the color that we use
um and it lets you do some
really
not only does it let you do some really
simple things but you know in in the
past you would have seen a lot of let me
go I mean it seems like this would be
the way to to be very specific in what
you want to customize and not be having
to use the important tag all over the
place yeah and you you don't have to use
the important tag that's the the the
beauty of it right so like we can say
this this is what we want to
change um and we're looking at the tribe
event search button right so we're g to
copy that and we're going to do
this right and then the background color
is this variable and the color of course
because I clicked on it um the
background color is one variable and the
text color is another variable right so
you can see that says text and it's long
because of course we have a bunch of
these so they get they get long but
we're going to go ahead and copy this
and we're going to paste it in here and
then we're g to just do a colon and
we're going to
say I don't know you know pick a color
green I know sorry that's really hard to
see um
but light
[Music]
screen um and it overrides it just like
that just there you know uh and you can
even do um
textor
text uh
uh and and those changes on the left are
saved in the customizer which means
they're saved in the database
correct right these these on the left
here this is the customizer ones you can
do this with your if you if you're doing
your own particular style sheet like if
you're adding a custom stylesheet or
something like that you can do it too
but this lets you you
know previously you would and I you know
for some people it's like yeah what's
the big deal just do
this right sure you can you know but the
problem is this this piece that you're
doing here makes it so that if if I
change my mind later and I want to
overwrite it again right and I want it
to be red I have to use sorry light
Green's more
important right you get into this fight
of like I didn't use important so now I
have to use important again and you you
you get into this battle of of like you
know having to have this like this is
the ultimate override this is the
ultimate override where you know and
instead you can just change that
um just change that value and and and it
works you know um
so
uh this for what it's worth by the way
this color right um You can see here
right the customizer is is overriding it
but if we if we look in this
inspector right here's the other lovely
thing about
this all right so here's style ATT
tribute where we were messing with it
um let me find it come on come
on um actually probably easier to show
you in the code one second
that's
Goss here we go so see here um they
Cascade so like here we're saying hey
that submit button it should use this
color this Tech color background right
um so let's use color
background right
like
green h that doesn't seem to work well
yeah you know that's fine um but the the
point to it is if you if you do override
something like this um well you'd have
to you have to use something we do
root and then everything turns green you
know
um by by by letting it use the Cascade
and everything you can you can you can
do some very intricate careful things
and there are hundreds if not thousands
of these at this point that we've set up
you know both for the customizer and
just for in our own Styles like
everywhere in our own Styles if we
reference a color this is how we
reference a
color so which makes it easy to to
override across the board or very
specifically
so yeah we discard CH uh TK wants to
know that when in event image is
uploaded Community event front end can
the users see the preview of the image
uploaded rather than just the file
name
um can they right now if you're you're
asking so I I don't believe they can uh
you would have to um You' have to
customize for that I believe uh let me
see choose
image I don't even do we got a picture
in
here yeah licenses J right there yeah
yeah that sounds like a good
idea okay no photos or videos really uh
sorry newer laptop just nothing but code
on your machine they really yeah I just
got my laptop replaced recently and and
they're not let me let me
just
um we just just go like wow Google's got
some weird
suggestions White House let's let's
let's give me an image of a lighthouse
just give me an image of a lighthouse
thank you well I'm sure Wikipedia won't
mind if we if we steal this for this
demo that works right so now we can
go fair
use right so here's our image no you
can't see my licenses right it shows you
this you need to write some JavaScript
that would grab the fun you know you you
could probably hook into the JavaScript
that's already there and customize it to
not only change the name but then show a
demo a demo but the you'd have to
restrict it don't forget like people are
going to upload weird Siz weird shaped
images you know until it gets uploaded
WordPress hasn't created all the
thumbnails and
everything so at this point creating a
thumbnail of that would be you know
um I I say that and and I realized that
I might be talking through my teeth here
um media library see I've got a bunch of
yes there's no it's not in here yet that
Lighthouse isn't in here yet right so uh
it hasn't been uploaded yet and so you'd
have to write some custom JavaScript
code too to catch into that and upload
it this is basically like a um a form
element right a file upload form element
and that will need you you'd need to um
write some custom code to to display a a
demo um some
JavaScript and you know it's it's not a
it's it's it's not a terrible idea it's
actually a pretty good idea so I
definitely would recommend like dropping
that in the suggestion box so to speak
well apparently they said that the
feature is there for event tickets image
upload so they want to know if you could
do the same for events image also
so I don't know well I don't know what
the difference between the two is where
one would function like that and the
other would
not are we talking about doing it on the
back end versus doing it on the front
end um let's see here I'm I'm oh I
believe so yeah because on the back end
you know if we go in here and let's just
create a new event
right
yeah they're talking about front end
right if you're if you're if you're
adding an image here set featured image
right we want to use this one oh right
there see that WordPress is uploading
that file so now that file is there and
I set the featured image and I get a I
get it displayed right but on the front
end when I'm submitting it until you hit
submit at the bottom of this form this
oh I gotta so and and this is you know
is a benefit to you as a as a site owner
too because if you get I don't know you
know a person that comes in and starts
to create an event and then bails do you
want to host their image you know if you
know and like let's just think in terms
of like um you know crazy security stuff
if somebody manages to hit this form
with a bot and submits a ton of IM you
know starts to submit a bunch but you
manage to cut them off do you want all
those you don't want all those images
uploaded until that submit happens I see
that makes sense now right because like
the the bot may not submit the form you
know or somebody may you know think of
it as like yeah it has to do with like
do you want to host that image or not
you know and once you do a preview of
that image you have uploaded it and you
are hosting it so um on the front end we
don't do that in think of card
abandonment it's sort of that kind of
thing form abandonment right if because
if they abandon the for there's no
reason for you to have that image on
your on your server but
um but it could be totally totally makes
sense now yeah yeah well uh looks like
we're about out of time so I want to
thank everybody for stopping by and
trying to stump Stephen but apparently
uh we didn't do it this time around
uh but I'm going to let Jamie here take
us
out um yeah so uh thank you all for
coming um you will receive an email
tomorrow with a replay of this webinar
and if you didn't watch it you're
watching it now and uh with some other
helpful resources um like in our
knowledge base um and a link to join our
Facebook group um where you can also ask
questions and be a part of our community
um so yeah thank you so much everyone
thanks a
lot