GeoDirectory SupportTitle in widget not aligned properly – GeoDirectory Support

Title in widget not aligned properly

jltrinka — Mon, 07 Jul 2014 14:27:49 +0000

How do I fix this?

Reply To: Title in widget not aligned properly

Paolo — Mon, 07 Jul 2014 18:52:38 +0000

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

Reply To: Title in widget not aligned properly

jltrinka — Mon, 07 Jul 2014 19:02:14 +0000

I added it and purged the Varnish, but still nothing.

Reply To: Title in widget not aligned properly

Paolo — Mon, 07 Jul 2014 19:08:29 +0000

what did you add?

Reply To: Title in widget not aligned properly

jltrinka — Mon, 07 Jul 2014 19:17:05 +0000

I added the 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%;
}

I also know that there is an issue where changes dont reflect unless !important is included, so I tried that and had no luck either.

Reply To: Title in widget not aligned properly

Paolo — Mon, 07 Jul 2014 19:20:02 +0000

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

Reply To: Title in widget not aligned properly

jltrinka — Mon, 07 Jul 2014 20:21:38 +0000

Aha! I misread your post. Thanks for this!