Creating margins around my calendar on the front page

Hi, I’m keenly aware that this is a newbie question, I really appreciate help or hints on how to learn to fix my issue! If I should be requesting help from my theme developer, please let me know.

I’m trying to increase the margins around my calendar. It is displayed on a front page, full width widget. I’m using Illdy theme. https://colorlib.com/wp/themes/illdy/

I’m new to HTML and CSS. But have become basically familiar with w3schools.com. Am I looking at the right place? https://www.w3schools.com/w3css/w3css_containers.asp

How do I put my calendar into a wrapper to do this:
.my-content-wrapper ul li {
margin-left: 20px;
}

I’m not sure where to put the code, and if I can do much HTML/css on the main page at all.
Thanks so much, I appreciate any help you are able to give.

• This topic was modified 6 years, 7 months ago by meg12345.