Я не знаю, можно ли тут давать ссылки или нет. Надеюсь меня не забанят.

Вот тема wordpress: http://safreen.imonthemes.com/demo1/

Там под шапкой 3 блока WE DELIVER, WE FOCUS, WE`RE CREATIVE.

В демо шаблона, текста в блоках имеют одинаковое количество строк, поэтому кнопки одинаково расположены. Но если в каком-то из блоков будет больше(или меньше) текста, кнопка снизу станет ниже(или выше) и соответственно кнопки уже не будут в одну линию.

В примере всё работает, но когда пытаюсь применить пример в этой теме - не срабатывает.

Synth,
Но на сайте у этих ссылок (которые кнопки) нет id. Как вы их ищете в DOM?
Посмотрите измененный Пост#9

Synth,
перед </head> добавить

<style type="text/css">
 .divider-single {
     flex: 1;
}
.inner{
  height: 100%;
  display: flex;
  flex-direction: column;
}
.hvr-sweep-to-top-border {
  width: 160px;
  text-align: center;
}

</style>
</head>

Да, там нет id в оригинальной теме. Я сам id добавлял.

Попробовал код из изменённого поста. Они сдвигаются, но все равно не срабатывает.

Не сработало. Они сдвигаются немного и всё.

где можно увидеть это?

Например, можно просто открыть демо темы: http://safreen.imonthemes.com/demo1/

Можно взять Firefox DevTools или Chrome DevTools, добавить ещё одну строку текста в первый блок, чтобы кнопка была ниже остальных. Потом добавить перед </head> ваш код css.

а нельзя сразу?

Synth,
http://codepen.io/anon/pen/XNQXKv

Когда в теме в head вставляю:

.divider-single {
     flex: 1;
}
.inner{
  height: 100%;
  display: flex;
  flex-direction: column;
}
.hvr-sweep-to-top-border {
  width: 180px;
  text-align: center;
}

Не срабатывает. Не понимаю, почему через codepen работает.

Synth,
видимо на выходе вашего шаблона этого css нет или вставлено неправильно