Новости Joomla

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

wishlight

  • Живу я здесь
  • 4981
  • 293 / 1
  • от 150 руб быстрый хостинг без блокировок
Привет. Если модуль https://bioritm-vet.ru/profilaktika/63-luchshee-lechenie-sobak-i-koshek-prostaya-profilaktika.html внизу (Связаться с нами и другие пункты меню). Вставляется в статью. Как можно отцентрировать его, чтобы не влево съезжали пункты меню, а по центру и он сам был по центру. Модуль купил, но разработчик не торопится в поддержке, а у меня что-то не получается.
*

fbr

  • Завсегдатай
  • 1625
  • 189 / 7
Re: Как отцентрировать модуль?
« Ответ #1 : 14.03.2017, 18:30:11 »
если не трогать верстку, чисто стилями:
Код: css
.vtem-block.system.widget-menu.vtem-animation.zoomIn.col-md-9.best-menu.col-sm-6.col-xs-4.animated {
float: none;
width: auto;
text-align:center;
}
.vtem-block.system.widget-menu.vtem-animation.zoomIn.col-md-9.best-menu.col-sm-6.col-xs-4.animated .oHorizontal  > ul {
display: inline-block!important;
}
*

wishlight

  • Живу я здесь
  • 4981
  • 293 / 1
  • от 150 руб быстрый хостинг без блокировок
Re: Как отцентрировать модуль?
« Ответ #2 : 14.03.2017, 20:43:27 »
Я про модуль под статьей. С картинками. Сорри за неправильную постановку вопроса.
*

Taatshi

  • Глобальный модератор
  • 5258
  • 481 / 2
  • Верстаем и кодим. Обращайтесь ;)
Re: Как отцентрировать модуль?
« Ответ #3 : 14.03.2017, 20:53:57 »
Код: css
.gridbox {
    width: 220px;
    height: 350px;
    float: left;
    margin: 8px 8px  8px 0px;
}

заменить margin: 8px 8px  8px 0px;  на margin: 8px 4px;
ВЕРСТКА, САЙТЫ ПОД КЛЮЧ, УДАЛЕНИЕ ВИРУСОВ, МИГРАЦИЯ НА JOOMLA 3, ОБНОВЛЕНИЕ  |  ОТЗЫВЫ 
Связь: telegram - Taatshi, почта - Taatshi на яндексе, Skype - Taatshi
*

wishlight

  • Живу я здесь
  • 4981
  • 293 / 1
  • от 150 руб быстрый хостинг без блокировок
Re: Как отцентрировать модуль?
« Ответ #4 : 14.03.2017, 21:03:00 »
заменить margin: 8px 8px  8px 0px;  на margin: 8px 4px;
Это было бы для не респонсивного шаблона. Если менять разрешение, то не подойдет.
*

Ilhom666

  • Завсегдатай
  • 1384
  • 184 / 0
Re: Как отцентрировать модуль?
« Ответ #5 : 14.03.2017, 22:12:44 »
убрать вообще float и margin?
*

effrit

  • Легенда
  • 10132
  • 1118 / 13
  • effrit.com
Re: Как отцентрировать модуль?
« Ответ #6 : 15.03.2017, 07:12:57 »
там проблема в ширине контейнера.
я бы просто повесил js-событие на ресайз и динамически пересчитывал ширину для контейнера .gridborder_container. ну и при загрузке страницы тоже надо вызывать функцию пересчета ширины блока.
а в стилях прописал
Код
.gridborder_container {
    margin: 0 auto;
}

как альтернатива js - 2 медиа-стиля добавить.

Код
@media all and (max-width: 743px) {
    .gridborder_container {width:490px}
}

@media all and (max-width: 515px) {
    .gridborder_container {width:240px}
}

*

Taatshi

  • Глобальный модератор
  • 5258
  • 481 / 2
  • Верстаем и кодим. Обращайтесь ;)
Re: Как отцентрировать модуль?
« Ответ #7 : 15.03.2017, 08:30:27 »
Это было бы для не респонсивного шаблона. Если менять разрешение, то не подойдет.
Кто Вам сказал, что не подойдет?

Там у  родительского блока идет выравнивание по центру. И все Ваши сдвиги как раз разным маргином и образуются.

Ну, не подойдет так не подойдет... Ваше право.
ВЕРСТКА, САЙТЫ ПОД КЛЮЧ, УДАЛЕНИЕ ВИРУСОВ, МИГРАЦИЯ НА JOOMLA 3, ОБНОВЛЕНИЕ  |  ОТЗЫВЫ 
Связь: telegram - Taatshi, почта - Taatshi на яндексе, Skype - Taatshi
*

flyingspook

  • Живу я здесь
  • 3590
  • 247 / 9
Re: Как отцентрировать модуль?
« Ответ #8 : 15.03.2017, 15:56:23 »
как то типо так
Код: css
.gridbox {
height: 350px;
margin: 8px 8px 8px 0;
width: 220px;
}
.boxtitle {
font-family: Century Gothic;
font-size: 18px;
font-weight: bold;
margin-top: 20px;
}

меню как то так
Код: css
.vtem-menu-wrapper {
display: inline-block;
margin: 16px auto;
text-align: center;
width: auto;
}
.vtem-block-inside {
display: inline-block;
text-align: center;
width: 100%;
}
*

wishlight

  • Живу я здесь
  • 4981
  • 293 / 1
  • от 150 руб быстрый хостинг без блокировок
Re: Как отцентрировать модуль?
« Ответ #9 : 15.03.2017, 17:11:08 »
как то типо так
.gridbox {
height: 350px;
margin: 8px 8px 8px 0;
width: 220px;
}
.boxtitle {
font-family: Century Gothic;
font-size: 18px;
font-weight: bold;
margin-top: 20px;
}

Благодарю. Я чет в последнее время не высыпаюсь видать. Очевидного не вижу.
« Последнее редактирование: 15.03.2017, 17:22:13 от wishlight »
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Как сделать плавающий модуль?

Автор THeCMeX

Ответов: 2
Просмотров: 783
Последний ответ 08.03.2021, 22:21:01
от Flexderection
Как сделать плавающий блок/модуль. Пример есть!

Автор Good_user

Ответов: 8
Просмотров: 11719
Последний ответ 04.04.2020, 13:49:11
от jan_dax
Как вставить красивю кнопку CSS в модуль/материал?

Автор kunsaid

Ответов: 6
Просмотров: 2403
Последний ответ 02.10.2018, 23:16:12
от kunsaid
Модуль«Похожие метки» обрезка текста и мн

Автор leo78

Ответов: 1
Просмотров: 1291
Последний ответ 01.03.2017, 15:03:40
от leo78
css: Резиновый модуль поиска

Автор slepoy

Ответов: 1
Просмотров: 1609
Последний ответ 08.02.2017, 21:23:22
от beliyadm