Center (2) 1/4 Columns in coloured section row

Hi,

I am having a slight issue with a site.

I have 5 services
I need 3 then 2
I searched the forums to make the 2 centered and found this https://kriesi.at/support/topic/center-3-14-columns-in-colored-section-row/

I used this code

.home #services {
    text-align: center;
}

.home #services .av_one_third {
    float: none;
    display: inline-block;
}

It worked perfectly except it made on image a little lower on a tablet so they weren’t aligned anymore.

I can solve this by making the row Equal Height and Vertical Align Top it messes up the footer. This is where I have the site at now. All the links are red in the footer and they should be white like the rest of the site.

Any help would be greatly appreciated.

EDIT*
So the major issue is with having Equal heights on the second column. This makes an error on the footer.
I have deleted the 5th item as they no longer need it but it is still a bug.

• This topic was modified 7 years, 9 months ago by Spikie69.