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

wishlight

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

fbr

  • Живу я здесь
  • 1283
  • 142
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;
}
*

Taatshi

  • Support Team
  • 4803
  • 453
  • Верстаем и немножко кодим. Обращайтесь ;)
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  /  ОТЗЫВЫ 
Минимальная ставка за платные услуги 1000 рэ Связь: telegram - Taatshi, почта - Taatshi на яндексе.
*

wishlight

  • Профи
  • 3632
  • 222
  • skype aqaus.com
Re: Как отцентрировать модуль?
« Ответ #4 : 14.03.2017, 21:03:00 »
заменить margin: 8px 8px  8px 0px;  на margin: 8px 4px;
Это было бы для не респонсивного шаблона. Если менять разрешение, то не подойдет.
*

Ilhom666

  • Живу я здесь
  • 1304
  • 166
Re: Как отцентрировать модуль?
« Ответ #5 : 14.03.2017, 22:12:44 »
убрать вообще float и margin?
*

effrit

  • Группа развития
  • 7559
  • 819
  • 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

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

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

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

flyingspook

  • Профи
  • 3619
  • 236
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

  • Профи
  • 3632
  • 222
  • skype aqaus.com
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;
}

Благодарю. Я чет в последнее время не высыпаюсь видать. Очевидного не вижу.
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Модуль«Похожие метки» обрезка текста и мн

Автор leo78

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

Автор slepoy

Ответов: 1
Просмотров: 458
Последний ответ 08.02.2017, 21:23:22
от beliyadm
Как выровнять модуль по центру и взять в рамку

Автор SergeyVitruk

Ответов: 17
Просмотров: 7200
Последний ответ 17.10.2016, 14:52:53
от darkghost
Вписать фон в модуль

Автор mim2002

Ответов: 6
Просмотров: 381
Последний ответ 17.05.2016, 18:27:24
от mim2002
Плавающий модуль на странице

Автор Омск

Ответов: 13
Просмотров: 857
Последний ответ 25.03.2016, 13:40:07
от vipiusss