Joomla 3.x Как изменить внешний вид кнопки Подробнее...?

Кнопка подробнее делает стандартную некрасивую кнопку.
Код такой
Код
<hr id="system-readmore" />


В моем шаблоне s5 oasis есть правильная кнопка которая идет с таким кодом
Код
<p class="readmore"><a href="index.php/features-mainmenu-47/template-specific-features">Read more...</a>

Хочу чтобы кнопка выполняла тот же функционал, разделяла статью. Но выглядела как кнопка представленная в шаблоне. Помогите пожалуйста.

 

И в чем проблема? CSS в руки и вперед.

 

Взять CSS нужной кнопки и перенести? Куда его вставлять?

 

В файл css вашего шаблонаю Лежит примерно тут /templates/шаблон/css

 

В файле com_contents.css

Код (css):

1. p.readmore a.btn {
2. display: inline-block;
3. padding: 0px;
4. margin:0px;
5. font-size: inherit;
6. line-height: inherit;
7. *line-height: inherit;
8. text-align: left;
9. vertical-align: auto;
10. cursor: pointer;
11. color: inherit;
12. text-shadow: none;
13. background:none;
14. filter: none;
15. border: none;
16. -webkit-box-shadow: none;
17. -moz-box-shadow: none;
18. box-shadow: none;
19. text-transform:none;
20. }
21.  
22. p.readmore a.btn span {
23. display:none;
24. }

Взять этот код и перенести туда где стандартная кнопка?