Как заменить названия кнопок сортировки статей Последние, Дата, Ярлык, Автор на свои в динамическом шаблоне Flipcard

Всем привет! В динамическом шаблоне "Flipcard" платформы blogger \ blogspot под меню располагаются копки сортировки постов. По умолчанию это "Последнее, Дата, Ярлыки, Автор". На моем тестовом блоге (ссылка будет после статьи) на скрине их видно:

Итак, фиксим следующие вопросы:
1. Как вместить слово "Последние", обрезается последняя буква
2. Как заменить названия кнопок "Последние, Дата, Ярлык, Автор" на свои

1

Наблюдательные, возможно, заметили, что на моем шаблоне (первый скрин) слово "Последние" не вмещаются (может так только у меня) и выглядит это, мягко говоря, не красиво. Для исправления данного казуса заходим в админку вашего блога -> Шаблон -> кнопка Настроить -> Дополнительно -> Добавить CSS и вставляем код:

#controls ul#groups li {
width: 70px !important;
}

Я думаю вопросов тут не должно возникнуть, все просто, скрин делать не стал.

2

Если вам не нравятся названия кнопок сортировки, их легко можно заменить на свои. Для этого в Добавить CSS вставляем код:

#controls ul#groups li{
font-size: 0px;width: 130px !important;
}
#groups>li:nth-of-type(1):after{
content: "Новые статьи";
font-size: 14px;
}
#groups>li:nth-of-type(2):after{
content: "По времени";
font-size: 14px;
}
#groups>li:nth-of-type(3):after{
content: "По тегам";
font-size: 14px;
}
#groups>li:nth-of-type(4):after{
content: "По авторам";
font-size: 14px;
}

Соответственно названия, которые в кавычках заменяете на свои. Если название длинное и не вмещается в одну строку увеличиваете параметр:

width: 130px !important;

и наоборот, если слово короче, а расстояния между кнопками большое, параметр уменьшаете. На скрине видно как у меня получилось:

В статье использованы материалы с сайта www.southernspeakers.net и мною дополнены.
Демо: тестовый блог