Title in widget not aligned properly

You have to modify this css:

.geodir_list_heading h1, .geodir_list_heading h2, .geodir_list_heading h3, .geodir_list_heading h4, .geodir_list_heading h5 {
    display: inline-block;
    vertical-align: baseline;
    width: calc(50% - 5px);
}

.geodir_list_heading a {
    display: inline-block;
    text-align: right;
    vertical-align: baseline;
    width: 50%;
}

Increase the width of the 1st elements and reduce the width of the second element.

Thx

what did you add?

Please read what I wrote:

You have to modify this css:

Increase the width of the 1st elements and reduce the width of the second element.

If you add that correctly to your child theme there is no need for !important tags.

Thx