Large Numbers

[wswenson]

@NotMyCircus
Made some changes to custom.css file working towards that style…

.CX3 .cw { 
    display: none !important;
}

.CX3.bodice {
    background-image: linear-gradient(to top right, #22c1c3, #176561, #131813);
}

.CX3 .cell {
    background: transparent;
    border: transparent;
    display: flex; /* Use flexbox for layout */
    flex-direction: column; /* Stacks elements vertically */
    align-items: center; /* Centers items horizontally */
    justify-content: flex-start; /* Ensures content starts at the top */
    padding: 0.5em; /* Adds space inside the cell */
    text-align: center; /* Centers text content */
    overflow: hidden; /* Ensures no content overlaps outside the cell */
}

.CX3 .cell.today {
    border: transparent;
}

.CX3 .cell.today .cellDate {
    font-size: 4em; /* Adjust the size of the date text */
    line-height: 1; /* Avoids extra spacing */
    text-align: center; /* Centers the text within the circle */
    width: 1.5em; /* Set equal width and height */
    height: 1.5em; /* Matches width to create a circle */
    display: flex; /* Use flexbox to align text */
    justify-content: center; /* Centers text horizontally */
    align-items: center; /* Centers text vertically */
    background-color: red; /* Background color for the circle */
    color: #ffffff; /* Text color */
    border: 2px solid #e76f51; /* Optional border for the circle */
    border-radius: 50%; /* Makes the box a circle */
    margin: auto; /* Ensures proper alignment within the cell */
}

.CX3 .cellDate {
    font-size: 4em; /* Adjust font size for the date */
    line-height: 1; /* Avoids extra spacing */
    text-align: center;
    margin-bottom: 1em; /* Adds space below the date */
    width: auto; /* Removes fixed width */
    height: auto; /* Removes fixed height */
}

.CX3 .cellHeader {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    text-align: center;
}

.CX3 .cellHeader .cellDate span.dateParts.month.seq_0 {
    display: none;
}

/* Ensures the eventContainer is placed below the date numbers */
.CX3 .eventContainer {
    margin-top: 1em; /* Adds space above the eventContainer */
	top: 74px;
    width: 100%; /* Ensures it spans the cell width */
    text-align: left; /* Aligns event text to the left, adjust if needed */
    word-wrap: break-word; /* Prevents event text from overflowing */
    //display: block; /* Ensures it behaves as a block element */
    position: relative; /* Ensures it respects the flow of the document */
}