For some strange reason I can’t seem to change the CSS to change the border radius of the event top “cards” (event items made from the list shortcode). They are now set to 20px, but I want to change it to 5px instead. Which css selector should I use for that?
See the attached image in the next reply to this post..
Feb 22,2022 AT 6:15AM - 3 years ago -Here is the screenshot with further explanation..
Hello Henrik,
You can use the custom CSS code below:
.ajde_evcal_calendar.boxy.boxstyle1 #evcal_list .eventon_list_event .desc_trig{border-radius:5px;}
Hi Kenneth,
That does not work. It’s doing something, but not changing the border radius to 5px. I tried applying border-radius: 0; to the same css selector – then the corners should be totally square, but still it’s 20px.. Also, if you look carefully, it does change something to the border radius so you can see a small part of the background behind it..
Check out the attached screenshot>
I fixed it.. There are sooo many selectors setting the border radius… Not super good practice when writing CSS.. Should be much simpler.. This is what I have to do to make it work:
.eventon_sorting_section, .evo_cal_above span, .eventon_filter_line .filtering_set_val, .eventon_sort_line .eventon_sf_cur_val p, .eventon_sorting_section p.evo_filter_submit, .eventon_filter_dropdown, .ajde_evcal_calendar .evo-sort-btn .eventon_sort_line, .ajde_evcal_calendar.boxy .eventon_list_event.hasbgimg, .ajde_evcal_calendar.boxy.boxstyle1 .evo_boxtop, .ajde_evcal_calendar.boxy.boxstyle2 .evo_boxtop {
border-radius: 5px !important;
}
Ok.. I’s really hard to find all the selectors, so I kind of gave up.. Although I managed to do it on the blue bar containing the date and title etc…
Now I am trying to make all round corners on the event page – event card have a 5px border-radius..
Can you find a selector that changes the image, the grey content boxes – all of them – so they all have a 5px. border radius?
Here is a link to an event page: https://gastroclass.dk/events/moderne-klassiske-gourmetretter-10-marts-2022/
Please see the attached image where I try to illustrate what it is I need.
Hello Henrik,
Please use the code below:
.evocard_box{border-radius:5px;}
Let me know if that works for you.
That took care of the grey boxes.. Not the image and top.. But I figured out those now.. Thank you Kenneth
You are very much welcome Henrik As always, please feel free to create another ticket of you have any other issue, we are happy to help!
Notifications