Good Morning Molly,

Can you give me direct link to the site with the plugin to see what is going on? 

What is happening exactly when you try to show the calendar on the front page? Not showing at all, broken layout? 

Good Morning Molly,

Try this. Go to your Dashboard -> St. Event Calendar -> General -> Misc and on "Force load calendar scripts" select Yes and let me know if the problem persist.

Look like there is a CSS conflict with your theme. This is normal, not all theme authors write code the same way.

Can you please create few event, fill your information and let me know when you are ready to check it again and fix the visible conflicts.

Can you please go to the plugin Fonts & Colors settings and on the bottom check "Add !important rule" to all the tabs because your theme overwrite the fonts settings.

I know it it just had to fix the fonts settings. I will send you a code to add in the custom style tab in few moments

Okay,

Now go you the plugin Fonts & Colors -> Custom Styles and paste this code, save and refresh the front page:

body .stec p { margin-bottom: 0px !important;} .stec-layout-agenda .stec-layout-agenda-events-all-load-more p { text-align: center !important;}
.stec-layout-agenda .stec-layout-agenda-daycell p { text-align: center !important; }
body .stec-layout-event-inner-top-tabs p { text-align: center !important; }
.stec-layout-event-inner-intro .stec-layout-event-inner-intro-event-status-text { text-align: center !important; }
.stec-layout-month-daylabel p { text-align: center !important; line-height: 3.2 !important; }
body .stec-layout-month-daycell .stec-layout-month-daycell-wrap .stec-layout-month-daycell-num { text-align: center !important; }
.stec-layout-week-daylabel p { text-align: center !important; line-height: 3.2 !important; }
.stec-top .stec-top-menu > li p { text-align: center !important; }
.stec-layout-event-inner-location p.stec-layout-event-inner-location-left-title { margin-bottom: 10px !important; }
.stec-layout-event-inner-location .stec-layout-event-inner-location-address { margin-bottom: 65px !important; }
.stec-top-menu-filter-dropdown ul li,
.stec-top-menu-filter-dropdown ul,
.stec-top-menu-filter-dropdown {
    margin:0 !important; }
.stec-top-search-form input { border:none !important;    padding:0 !important;   text-indent: 10px; }
.stec-layout-event-inner-intro-export a,
.stec-layout-event-inner-intro-export button {
    background:#fff !important;
    color:#666 !important;
    line-height: 1 !important;
    padding: 15px 20px !important;
    font-size: 14px !important;
    font-weight: normal !important;
}

.stec-layout-event-inner-intro-export a:hover,
.stec-layout-event-inner-intro-export button:hover {
    border-color:#4d576c !important;
    background: #4d576c !important;
    color:#fff !important;
}

Are you sure? The custom style section should work properly. Basically it do the same thing as what you did, but more user friendly. 

Is it possible to give me wp admin access to see what is going on with the custom style tab? You can pose the information here privately.

Look like it's cache. Browser or if you are using any cache plugins you can clear them out. The Custom Tab is working properly. 

If you notice any more conflicts when adding more content in the future, just let me know and I will fix them for you.

Hi,

This issue should be resolved in version 2.4.8? 

If you're using older version I'd suggest you to update via the calendar updater.

The search option should be showing all events in the calendar. You can help by entering additional keywords in the event creation page.