кнопка на CSS для ссылки подробнее

  • 6 Ответов
  • 379 Просмотров

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

*

feklaff

Подскажите, куда прописать CSS стиль для ссылки "подробнее"? в каком файле?

*

Grigory S.

Re: кнопка на CSS для ссылки подробнее
« Ответ #1 : 30.10.2015, 20:57:37 »
Посмотрите какой файл CSS подключается в шаблоне( смотрите папку css), туда и вставьте.
Не задав правильный вопрос, невозможно получить правильный ответ.
Для "спасибок" существует кнопочка "+".

*

feklaff

Re: кнопка на CSS для ссылки подробнее
« Ответ #2 : 30.10.2015, 21:08:33 »
у меня в папке CSS много файлов и папок: stile CSS, general, fonts и др.
у меня есть код для кнопки:
a.button24 {
  display: inline-block;
  color: white;
  text-decoration: none;
  padding: .5em 2em;
  outline: none;
  border-width: 2px 0;
  border-style: solid none;
  border-color: #FDBE33 #000 #D77206;
  border-radius: 6px;
  background: linear-gradient(#F3AE0F, #E38916) #E38916;
  transition: 0.2s;
}
a.button24:hover { background: linear-gradient(#f5ae00, #f59500) #f5ae00; }
a.button24:active { background: linear-gradient(#f59500, #f5ae00) #f59500; }

я просто не могу понять куда это прописать и как сделать, чтобы "подробнее" выводилось в виде этой кнопки

*

Grigory S.

Re: кнопка на CSS для ссылки подробнее
« Ответ #3 : 30.10.2015, 21:10:46 »
Давайте ссылку на сайт, будет проще...
Не задав правильный вопрос, невозможно получить правильный ответ.
Для "спасибок" существует кнопочка "+".


*

Grigory S.

Re: кнопка на CSS для ссылки подробнее
« Ответ #5 : 30.10.2015, 21:29:24 »
В templates/it_political2/css/general.css добавьте:

Код: css
a.readmore-link{
  display: inline-block;
  color: white;
  text-decoration: none;
  padding: .5em 2em;
  outline: none;
  border-width: 2px 0;
  border-style: solid none;
  border-color: #FDBE33 #000 #D77206;
  border-radius: 6px;
  background: linear-gradient(#F3AE0F, #E38916) #E38916;
  transition: 0.2s;
}
a.readmore-link:hover { background: linear-gradient(#f5ae00, #f59500) #f5ae00; }
a.readmore-link:active { background: linear-gradient(#f59500, #f5ae00) #f59500; }
Не задав правильный вопрос, невозможно получить правильный ответ.
Для "спасибок" существует кнопочка "+".

*

feklaff

Re: кнопка на CSS для ссылки подробнее
« Ответ #6 : 30.10.2015, 21:36:08 »
огромное спасибо!