Как выровнять кнопку "подробнее" ?

  • 9 Ответов
  • 446 Просмотров

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

*

zrymov

  • **
  • 15
  • 0
Как выровнять кнопку "подробнее" по левому краю, за вводным изображением статьи(снизу)?
сайт
Спойлер
[свернуть]
суть проблемы: когда делаю отображение раздела "услуги" двумя колонками.
у меня начинают скакать статьи из за кнопки "подробнее"(вводный текст различного размера)
особенно криво выводится мобильная версия сайта
как избавится?
« Последнее редактирование: 11.10.2015, 15:30:06 от zrymov »

*

Ilhom666

  • ******
  • 1295
  • 166
в общих настройках материалов введите ограничение для Подробнее, либо вообще отключите показ заголовка, оставив только само Подробнее

*

zrymov

  • **
  • 15
  • 0
Re: Как выровнять кнопку "подробнее" ?
« Ответ #2 : 11.10.2015, 15:34:58 »
ограничение для Подробнее, либо отключите показ заголовка,
попробовал.
даже убирал вообще кнопку подробнее, не помогает.
в мобильной версии все криво.
мне надо именно, чтобы следующая статья шла после выровненной кнопки подробнее, тогда все будет гуд при двух столбцовом выводе статей
« Последнее редактирование: 11.10.2015, 15:41:39 от zrymov »

*

Magnum

  • ****
  • 267
  • 14
  • magnum-blog.pp.ua
Re: Как выровнять кнопку "подробнее" ?
« Ответ #3 : 20.10.2015, 17:27:56 »
Ну тут как я увидел "Подробнее" выводится стандартными стилями, просто переопределите стили для нее и все =) В общий дизайн сайта так сказать =)
Если не прав, то хоть на скринах покажите, что именно Вас смущает =)
Я не волшебник. Я всего лишь учусь!

*

zrymov

  • **
  • 15
  • 0
Re: Как выровнять кнопку "подробнее" ?
« Ответ #4 : 20.10.2015, 21:33:42 »
Ну тут как я увидел "Подробнее" выводится стандартными стилями, просто переопределите стили для нее и все =) В общий дизайн сайта так сказать =)
Если не прав, то хоть на скринах покажите, что именно Вас смущает =)
это я от безысходности поставил статьи в одну колонку.
при установке 2 колонок
в сполере ссылка на скрин
Спойлер
[свернуть]

*

Ilhom666

  • ******
  • 1295
  • 166
Re: Как выровнять кнопку "подробнее" ?
« Ответ #5 : 20.10.2015, 21:51:57 »
в CSS добавьте
Код: css
.readmore {
    clear: both;
}

*

zrymov

  • **
  • 15
  • 0
Re: Как выровнять кнопку "подробнее" ?
« Ответ #6 : 20.10.2015, 22:05:42 »
в CSS добавьте
Код: css
.readmore {
    clear: both;
}
без разницы где вписать?(какой строкой, №)
или она там уже есть, просто параметр дописать.
........
в общем попробовал, все равно кривенько в браузере даже
« Последнее редактирование: 20.10.2015, 22:18:22 от zrymov »

*

Magnum

  • ****
  • 267
  • 14
  • magnum-blog.pp.ua
Re: Как выровнять кнопку "подробнее" ?
« Ответ #7 : 26.10.2015, 17:12:13 »
Увы скриншот не смог увидеть, так, что понять толком о чем идет речь не могу =)
Я не волшебник. Я всего лишь учусь!

*

zrymov

  • **
  • 15
  • 0
Re: Как выровнять кнопку "подробнее" ?
« Ответ #8 : 26.10.2015, 19:06:07 »
Увы скриншот не смог увидеть, так, что понять толком о чем идет речь не могу =)
обновил. ссыль в спойлере
Спойлер
[свернуть]

*

Magnum

  • ****
  • 267
  • 14
  • magnum-blog.pp.ua
Re: Как выровнять кнопку "подробнее" ?
« Ответ #9 : 27.10.2015, 15:37:54 »
попробуй задать отступ либо от верхнего, либо от нижнего края родительского блока. Например так:
Код
div.cols-1{
    margin-top: 1%; /*Здесь любое значение по усмотрению*/
}
Если шаблон вывода материала стандартный =) Лично я сделал так, и работает прекрасно =)
Я не волшебник. Я всего лишь учусь!