Замена ссылки "Подробнее" на кнопку в модуле mod_tabs_gk5

  • 0 Ответов
  • 164 Просмотров

0 Пользователей и 1 Гость просматривают эту тему.

Здравствуйте. Хочу на главной странице сайта разместить блоки с вступлениями статей из категорий. Для этого использую компонент K2 и модуль от "Gavickpro" Tabs GK5. При вводе статьи "подробнее" отображается как ссылка,

вот так:


Для стилизации сайта я хочу использовать вместо ссылки кнопку,

вот так:


Покопавшись в коде, я сравнил CSS шаблона и CSS компонента k2 и подредактировал последний:

было

div.k2ItemsBlock ul li a.moduleItemReadMore  {
}
div.k2ItemsBlock ul li a.moduleItemReadMore:hover {
}

стало

div.k2ItemsBlock ul li a.moduleItemReadMore  {

    display: inline-block;
    margin: 10px 0 0;
    font-size: 16px;
    line-height: 20px;
    padding: 4px 12px;
    text-transform: lowercase;
    color: #fff;
    background: #f47d56;
    border: 1px solid transparent;
}
div.k2ItemsBlock ul li a.moduleItemReadMore:hover {
}

В итоге получилось вот что:



Получилась ссылка "Подробнее" на фоне. Как сделать, чтобы это была действительно кнопка? Или, если есть такая возможность, сделать так, чтобы дизайн ссылки "подробнее" брался из шаблона. Спасибо.