Сообщений в теме: 26

[golodayushii]

Здравствуйте, хочу сделать фон для каждой страницы, чтоб он был общим на всех страницах.


На всех подобных страницах где присутствует белый фон хочу заменить его на свой

[MikDark]

golodayushii (15 Март 2015 - 10:36) писал:

Здравствуйте, хочу сделать фон для каждой страницы, чтоб он был общим на всех страницах.
Новый точечный рисунок (7).jpg
Новый точечный рисунок (8).jpg
На всех подобных страницах где присутствует белый фон хочу заменить его на свой

Вам нужно в шаблоне style.css найти код:

body {
  background: #fff;
  color: #000;
  margin: 0px;
  font-family: Calibri;
  height: 100%;
}

и заменить его на:

body {
  background: url({ASSETS_IMAGES_PATH}bg.jpg);
  color: #000;
  margin: 0px;
  font-family: Calibri;
  height: 100%;
}

где bg.jpg - это имя фонового изображения. Его нужно загрузить в раздел Сайт - Редактор шаблонов.

[iGuana]

день добрый, а как сделать чтобы фон был под обложкой непрозрачным, а оставался белым? т.к. если менять на фон то все становится прозрачным и шрифты не видны

[Vaccina]

В style.css найдите:

.contentText, .contentText table {
  font-size: 13px;
  line-height: 1.5;
  padding: 0;
  vertical-align: top;
}

замените на:

.contentText, .contentText table {
  background: #fff;
  font-size: 13px;
  line-height: 1.5;
  padding: 0;
  vertical-align: top;
}

[iGuana]

Vaccina (30 Апрель 2015 - 01:28) писал:

В style.css найдите:

.contentText, .contentText table {
font-size: 13px;
line-height: 1.5;
padding: 0;
vertical-align: top;
}

замените на:

.contentText, .contentText table {
background: #fff;
font-size: 13px;
line-height: 1.5;
padding: 0;
vertical-align: top;
}

спасибо, но появилась следующая проблема, текст идет впритык. Как исправить и сделать отступ?
надо бы сдвинуть весь блок влево немного

Прикрепленные изображения

• 

[iGuana]

Vaccina (30 Апрель 2015 - 01:28) писал:

В style.css найдите:

.contentText, .contentText table {
font-size: 13px;
line-height: 1.5;
padding: 0;
vertical-align: top;
}

замените на:

.contentText, .contentText table {
background: #fff;
font-size: 13px;
line-height: 1.5;
padding: 0;
vertical-align: top;
}

и еще вопрос, как сделать вот такую тень под обложкой?

Прикрепленные изображения

• 

[Cupuyc]

iGuana (30 Апрель 2015 - 09:19) писал:

и еще вопрос, как сделать вот такую тень под обложкой?

Здравствуйте, пожалуйста уточните на каком аккаунте вы хотите добавить этот эффект и к какому элементу сайта?

[iGuana]

Cupuyc (30 Апрель 2015 - 09:23) писал:

Здравствуйте, пожалуйста уточните на каком аккаунте вы хотите добавить этот эффект и к какому элементу сайта?

rmsport.ru, ко всему сайту

[Cupuyc]

iGuana (30 Апрель 2015 - 09:26) писал:

rmsport.ru, ко всему сайту

Пожалуйста уточните к какому элементу сайта требуется добавить данный эффект?

[iGuana]

Cupuyc (30 Апрель 2015 - 09:29) писал:

Пожалуйста уточните к какому элементу сайта требуется добавить данный эффект?

не к элементу, а ко всему блоку

Прикрепленные изображения

• 

[Cupuyc]

iGuana (30 Апрель 2015 - 09:38) писал:

не к элементу, а ко всему блоку

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> style.css найдите код:

.contentText, .contentText table {padding: 0;font-size: 13px;line-height: 1.5;vertical-align: top; background: #fff;}

Замените его на:

.contentText, .contentText table {box-shadow: 0px 0px 50px black; padding: 0;font-size: 13px;line-height: 1.5;vertical-align: top; background: #fff;}

В админ. панель -> Сайт -> Редактор шаблонов -> Стили -> style.css найдите код:

.promo_block {background: #000; top: -55px !important;}

Замените его на:

.promo_block {  box-shadow: 0px 0px 50px black; background: #000; top: -55px !important;}

[iGuana]

Cupuyc (30 Апрель 2015 - 09:58) писал:

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> style.css найдите код:

.contentText, .contentText table {padding: 0;font-size: 13px;line-height: 1.5;vertical-align: top; background: #fff;}

Замените его на:

.contentText, .contentText table {box-shadow: 0px 0px 50px black; padding: 0;font-size: 13px;line-height: 1.5;vertical-align: top; background: #fff;}

В админ. панель -> Сайт -> Редактор шаблонов -> Стили -> style.css найдите код:

.promo_block {background: #000; top: -55px !important;}

Замените его на:

.promo_block { box-shadow: 0px 0px 50px black; background: #000; top: -55px !important;}

тень появилась везде (((

Прикрепленные изображения

• 
• 

[Firefly]

iGuana (30 Апрель 2015 - 10:13) писал:

тень появилась везде (((

Здравствуйте.
В style.css найдите код:

.contentText, .contentText table {box-shadow: 0px 0px 50px black; padding: 0;font-size: 13px;line-height: 1.5;vertical-align: top; background: #fff;}

Замените на:

.contentText, .contentText table {padding: 0;font-size: 13px;line-height: 1.5;vertical-align: top; background: #fff;}

Найдите код:

.promo_block + .contentText {top: -55px !important;}

Замените на:

.promo_block + .contentText {top: -55px !important;box-shadow: 0px 0px 50px black;}

[iGuana]

iGuana (30 Апрель 2015 - 09:13) писал:

спасибо, но появилась следующая проблема, текст идет впритык. Как исправить и сделать отступ?
надо бы сдвинуть весь блок влево немного

все отлично!
осталось решить этот вопрос со сдвигом блока влево

Прикрепленные изображения

• 

[Firefly]

iGuana (30 Апрель 2015 - 10:44) писал:

все отлично!
осталось решить этот вопрос со сдвигом блока влево

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> style.css и в самом конце добавьте код:

.inner {padding: 1em;}

[Alekseys]

iGuana (30 Апрель 2015 - 10:44) писал:

все отлично!
осталось решить этот вопрос со сдвигом блока влево

Здравствуйте. В style.css замените

.htmlDataBlock {
  margin: 5px 0;
}

на

.htmlDataBlock {
  margin: 5px 15px 5px 0;
}

[iGuana]

iGuana (30 Апрель 2015 - 10:44) писал:

все отлично!
осталось решить этот вопрос со сдвигом блока влево

изменилось только на главной, а везде остался сдвиг в статьях, в странице, в списке товаров

[Alekseys]

iGuana (30 Апрель 2015 - 11:02) писал:

изменилось только на главной, а везде остался сдвиг в статьях, в странице, в списке товаров

В style.css замените

.container .twelve.columns {
  width: 880px;
  z-index: 1000000;
  overflow: visible;
  margin-top: 20px;
}

на

.container .twelve.columns {
  width: 870px;
  z-index: 1000000;
  overflow: visible;
  margin-top: 20px;
  padding-right: 10px;
}

[iGuana]

Alekseys (30 Апрель 2015 - 11:05) писал:

В style.css замените

.container .twelve.columns {
width: 880px;
z-index: 1000000;
overflow: visible;
margin-top: 20px;
}

на

.container .twelve.columns {
width: 870px;
z-index: 1000000;
overflow: visible;
margin-top: 20px;
padding-right: 10px;
}

сейчас не влезает четвертая колонка товара

Прикрепленные изображения

• 

[iGuana]

в мобильной версии вообще кошмар везде творится, все съехало
может тень можно масштабируемым фоном проще сделать?