How can we help you today?

How to Display Start Date and End Date in the Same Size in Events Element


If you want to display the multiple days event in the Events element, you might notice that End Date is displayed in another size. In this article you can find out how to display the End Date in the same size, as Start Date.


Here how it looks like:                                                                          

                                                                                                              


What we are going to achieve:


Prerequisites

1. You have inserted an Events element in your page;

2. You have multiple days event in your Calendar


Step 1: Open the settings of Events element

Open the settings of the Events element and navigate to Custom CSS tab: 



Step 2: Insert Custom CSS code

Please copy and insert Custom CSS code you above:

.shortpoint-event-same-month .shortpoint-event-end {
    font-size: 100%!important;
}


That's all. Now your Events element are displaying the Start Date and End Date of multiple day event in the same size.



Related articles:

Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.

World's best intranet sites are designed using ShortPoint

Get started today! Learn more
See all 59 topics

Start a trial

Ignite your vision. Install ShortPoint directly on your site, or play in sandbox mode. No credit card required.

Get started today

World’s best intranet sites are designed using ShortPoint

Thousands of companies using ShortPoint everyday to design, brand and build award winning intranet sites.

Get started Learn more