Rounded Corners, Events in Bubbles and Editing the user event submit field

It’s probably not good to ask so many questions in the same post.
I don’t exactly know the “forum” rules about that… but it would sure simplfy things..
and get more direct answers.

As far as CSS styling… if you don’t know how to use Firefox inspector or Chromes Inspector you should learn.
I don’t know about using IE’s inspector.. I don’t use IE.
Not trying to insult your intelligence here… but you can figure a lot out by using the “Inspectors”.
Right click on a your page.. and use the “inspector” …..

If you provide a link to your page I’ll take a quick look….

Q.1) radius maybe you need to add “!important” to the radius style… something like this..
border-radius: 15px!important;

This is most certainly a CSS styling issue… maybe you made a tiny mistake in your coding.
Trust me… been there, done that.

also you may need to add it to a specific type of image in your CSS styling…
Using JetPacks Edit CSS can be done without mucking up the “core” CSS.
There are other plugin’s to add CSS Edits without hard coding your CSS file.
Backup, Backup, Backup your files before editing.

Q.2) Stuff in the “bubble”.
If you go to ..
Events -> Settings -> Formatting…. down to the bottom “Maps”
and then… you will find
Global Map Format…..
and there will enter your needed info… there are links to what (placeholders) can be applied.

Q.3) an important thing to remember… is often… a lot of these questions can be found by using the above search…. or Google.
Events Manager (your question).
Maybe the Official Support can help you on this one.

Hi, thank you for your answer.

I already tried the !important attribute and no, I did not make a mistake in coding this, trust me. I just think it somehow does not work when I apply it to a surrounding div element.

I know how to use the inspector of chrome, thank you. Mostly try there first devore coding into my style.css.
Like I said, I created a div around it and it works. Out of chrome Intake this:
div.eventpics {
border-radius: 20px ! important;
margin-top: 5px;
margin-right: 25px;
margin-bottom: 5px;
width: 125px;
height: auto;
}. Everything but the border radius works.

To the second thing, I already tried using those codes. But unfortunately, when I tested it the shortcode was in the bubble as a shortcode. I think it just does not work, but was hoping for someone who had another idea.

And thanks but I used google on this one. If there is no wp backend solution, I will just looks for the plugin file .. but than it will be lost again after an update. Or maybe I can delete the fields that I don’t need going over the functions.php but probably I won’t manage to do that..

*Edit*

Managed to round the corners of ALL Post images. Would prefer to only change the Event List images, but hey.. Thats the way the corners were rounded in the demo.

*Edit*
OK, finally made it … You only hat to specifically select the image by adding “img” after the css class in the style.css.. Did not know about this.

Back to the “Bubble” thing… I understand what your are now asking. I guess you already figured out that the bubble can only accept Locations placeholders.

Which doesn’t help you out much.
There might be a way to make a custom placeholder, for Locations.. which would be an event list. I haven’t thought about trying.
Unfortunately right now that is not something I am concerned about doing or experimenting with… but who knows.. maybe somebody has done it and you’ll find an answer.

For me… in the bubble I just use this… which is a link to the particular location… where the events are listed.

<a href="#_LOCATIONPAGEURL">Events</a>

Good luck.

Bubble again !!
Not sure if this is what you want but I just checked and it puts Events in the Bubble… they are right there in the placeholders documentation for Locations. Sorry brain fog today.. that I didn’t think about them.

#_LOCATIONNEXTEVENT
#_LOCATIONNEXTEVENTS
#_LOCATIONALLEVENTS

Hope that helps !
Rob

Thank you so much! This is exactly what I was looking for. <3