Text Alignment

Hello there.

I assume that your theme styles override our plugin styles and that’s why text alignment cannot be set. But to check that out, I would like to ask you to provide me with your site URL with the Timetable. Thank you.

Thanks for the reply.

Here you go : https://radiorasa.online/

Hello @kourosh77

Here’s the custom CSS you may want to apply under the Dashboard > Appearance > Customize > Additional CSS to change the Timetable text alignment:

.mptt-inner-event-content{
    text-align: center !important;
}

Thank you very much. It fixed the horizontal alignment of the texts. Can an additional line of code be added for the vertical alignment?

Right now the text aligns itself at the top middle of the box.

@eugenewhite

Please.

Hello @kourosh77

Since the height of your blocks is different, here’s the CSS code we come up with:

.mptt-inner-event-content{
   text-align: center !important;
   margin: auto !important;
}?  
.mptt-shortcode-wrapper .mptt-shortcode-table tbody .mptt-event-container:not(:hover) .event-description{
    display:none;
}

Try applying and let me know if there’s something we need to change.

Perfect! Everything looks good now. Thank you for the help. Appreciate it.