Перейти к содержимому


Помогите Пожалуйста Изменить Фон


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 62

#41 Kazanec

Kazanec

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 163 сообщений
  • ГородКазань

Отправлено 20 Октябрь 2014 - 21:03

спасибо получилось :) а вот с нижним меню нет(( надписи появляются только после того как наведешь курсор

хм... и на главной то надписи изменились в белый а вот во вкладках например в каталоге они остались темные((

#42 RayLi

RayLi

    Активный участник

  • Модераторы
  • 2 864 сообщений

Отправлено 20 Октябрь 2014 - 21:06

Просмотр сообщенияKazanec (20 Октябрь 2014 - 21:03) писал:

спасибо получилось :) а вот с нижним меню нет(( надписи появляются только после того как наведешь курсор

хм... и на главной то надписи изменились в белый а вот во вкладках например в каталоге они остались темные((
Здравствуйте.
Как вариант можно изменить фон кнопок, тем самым текст станет видим.
Для этого находим в шаблоне style.css следующий код:
#megamenu_bottom li {
display: block;
float: left;
margin: 15px 10px 12px 1px;
background: #FFFFFF;
-moz-box-shadow: 0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1);
-webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1);
box-shadow: 0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1);
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}
И заменяем его вот этим кодом:
#megamenu_bottom li {
display: block;
float: left;
margin: 15px 10px 12px 1px;
background: #000000;
-moz-box-shadow: 0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1);
-webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1);
box-shadow: 0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1);
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}


#43 Kazanec

Kazanec

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 163 сообщений
  • ГородКазань

Отправлено 20 Октябрь 2014 - 21:15

ооо совсем другое дело,спасибо.
еще я поставил на фон картинку но вот как сделать ее на весь фон,а не замещением?(т.е. они сейчас тупо чередуются по фону экрана)

#44 RayLi

RayLi

    Активный участник

  • Модераторы
  • 2 864 сообщений

Отправлено 20 Октябрь 2014 - 21:42

Просмотр сообщенияKazanec (20 Октябрь 2014 - 21:15) писал:

ооо совсем другое дело,спасибо.
еще я поставил на фон картинку но вот как сделать ее на весь фон,а не замещением?(т.е. они сейчас тупо чередуются по фону экрана)
Для этого вам надо изображение большего размера. Для вашего сайта размер картинки должен составлять 1903px x 2177px.

#45 Kazanec

Kazanec

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 163 сообщений
  • ГородКазань

Отправлено 20 Октябрь 2014 - 21:48

Просмотр сообщенияRayLi (20 Октябрь 2014 - 21:42) писал:

Для этого вам надо изображение большего размера. Для вашего сайта размер картинки должен составлять 1903px x 2177px.
спасибо щас будем примерять

Просмотр сообщенияRayLi (20 Октябрь 2014 - 21:06) писал:

Здравствуйте.
Как вариант можно изменить фон кнопок, тем самым текст станет видим.
Для этого находим в шаблоне style.css следующий код:
#megamenu_bottom li {
display: block;
float: left;
margin: 15px 10px 12px 1px;
background: #FFFFFF;
-moz-box-shadow: 0 0 0 1px rgba(0,0,0,0 .095) ,0 1.5px 1.5px 0 rgba(0,0,0,0 .2),0 2px 1.5px 0 rgba(0,0,0,0 .1);
-webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0 .095) ,0 1.5px 1.5px 0 rgba(0,0,0,0 .2),0 2px 1.5px 0 rgba(0,0,0,0 .1);
box-shadow: 0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1);
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}
И заменяем его вот этим кодом:
#megamenu_bottom li {
display: block;
float: left;
margin: 15px 10px 12px 1px;
background: #000000;
-moz-box-shadow: 0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1);
-webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1);
box-shadow: 0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1);
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}

кнопки внизу изменились,это норм, а как теперь во внутренних страницах во всех каталогах и прочих изменить на белый?

#46 RayLi

RayLi

    Активный участник

  • Модераторы
  • 2 864 сообщений

Отправлено 20 Октябрь 2014 - 21:53

Просмотр сообщенияKazanec (20 Октябрь 2014 - 21:48) писал:

спасибо щас будем примерять



кнопки внизу изменились,это норм, а как теперь во внутренних страницах во всех каталогах и прочих изменить на белый?
То есть вы хотите, чтобы только на главной кнопки остались с чёрным фоном, а на остальных страницах сайта чтобы они были с белым фоном, верно?

#47 Kazanec

Kazanec

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 163 сообщений
  • ГородКазань

Отправлено 20 Октябрь 2014 - 21:58

нет сейчас я вам скину в чем проблема..

#48 Kazanec

Kazanec

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 163 сообщений
  • ГородКазань

Отправлено 20 Октябрь 2014 - 22:06

Изображение

это на главной,мы с вами изменили все надписи на белый!!!! №1

Изображение
№2. а это во всех остальных страницах сайта. едва заметные надписи,я уже не говорю про описание там внизу совсем ни че не видно. Нужно на всех,всех страницах изменить на белый шрифт,т.к. планируется однозначно фон оставить темным

#49 RayLi

RayLi

    Активный участник

  • Модераторы
  • 2 864 сообщений

Отправлено 20 Октябрь 2014 - 22:22

Просмотр сообщенияKazanec (20 Октябрь 2014 - 22:06) писал:

Изображение

это на главной,мы с вами изменили все надписи на белый!!!! №1

Изображение
№2. а это во всех остальных страницах сайта. едва заметные надписи,я уже не говорю про описание там внизу совсем ни че не видно. Нужно на всех,всех страницах изменить на белый шрифт,т.к. планируется однозначно фон оставить темным
Теперь всё понятно, спасибо!
Значит так, для начала найдите в шаблоне style.css код:
#category_view_type.grid_view #product_list li a {
color: #484A54;
}
И замените его на этот код:
#category_view_type.grid_view #product_list li a {
color: #FFFFFF;
}
Затем ищем код:
h1 {
font-size: 24px;
line-height: 36px;
margin-bottom: 10px;
color: #444444;
}
И меняем на этот:
h1 {
font-size: 24px;
line-height: 36px;
margin-bottom: 10px;
color: #FFFFFF;
}
Идём дальше и ищем:
h4 {
padding-bottom: 20px;
color: #444444;
font-weight: 600;
font-size: 14px;
line-height: 21px;
margin-bottom: 10px;
}
Меняем на:
h4 {
padding-bottom: 20px;
color: #FFFFFF;
font-weight: 600;
font-size: 14px;
line-height: 21px;
margin-bottom: 10px;
}
Теперь находим код:
.breadcrumb a, .breadcrumb a:active .breadcrumb a:visited {
display: inline-block;
color: #555555;
text-decoration: none;
}
И меняем его на следующий:
.breadcrumb a, .breadcrumb a:active .breadcrumb a:visited {
display: inline-block;
color: #FFFFFF;
text-decoration: none;
}
И теперь код:
.breadcrumb {
margin-bottom: 25px;
color: #909090;
font-size: 12px;
}
Заменяем на этот вот:
.breadcrumb {
margin-bottom: 25px;
color: #FF5C5C;
font-size: 12px;
}


#50 Kazanec

Kazanec

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 163 сообщений
  • ГородКазань

Отправлено 21 Октябрь 2014 - 20:36

заменил все как Вы сказали пошагово,ни выходит почему то((

нет,прошу прощение,изменилось)) но все же не весь текст((

#51 AnnaM

AnnaM

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 040 сообщений

Отправлено 21 Октябрь 2014 - 20:42

Просмотр сообщенияKazanec (21 Октябрь 2014 - 20:36) писал:

заменил все как Вы сказали пошагово,ни выходит почему то((

нет,прошу прощение,изменилось)) но все же не весь текст((
Укажите,пожалуйста, какие изменения осталось произвести.

#52 Kazanec

Kazanec

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 163 сообщений
  • ГородКазань

Отправлено 21 Октябрь 2014 - 20:51

Просмотр сообщенияAnnaM (21 Октябрь 2014 - 20:42) писал:

Укажите,пожалуйста, какие изменения осталось произвести.

Изображение

если зайти на какой нибудь конкретный товар.

#53 AnnaM

AnnaM

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 040 сообщений

Отправлено 21 Октябрь 2014 - 20:56

Просмотр сообщенияKazanec (21 Октябрь 2014 - 20:51) писал:

Изображение

если зайти на какой нибудь конкретный товар.
В style.css Замените
#right-column h1 {
color: #666666;
font-size: 26px;
font-weight: 400;
line-height: 30px;
display: block;
clear: both;
margin-bottom: 20px;
}
на
#right-column h1 {
color: #fff;
font-size: 26px;
font-weight: 400;
line-height: 30px;
display: block;
clear: both;
margin-bottom: 20px;
}

и это
#right-column #set-quantity .qty-label {
display: block;
float: left;
margin: 8px 10px 0 0;
color: #444444;
font-weight: 700;
padding-bottom: 5px;
}
на
#right-column #set-quantity .qty-label {
display: block;
float: left;
margin: 8px 10px 0 0;
color: #fff;
font-weight: 700;
padding-bottom: 5px;
}


#54 Kazanec

Kazanec

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 163 сообщений
  • ГородКазань

Отправлено 21 Октябрь 2014 - 21:01

прошу прощение, еще там же но надпись под суммой она сейчас зеленая "Товар есть в наличии"

но ее на красную

#55 AnnaM

AnnaM

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 040 сообщений

Отправлено 21 Октябрь 2014 - 21:03

Просмотр сообщенияKazanec (21 Октябрь 2014 - 21:01) писал:

прошу прощение, еще там же но надпись под суммой она сейчас зеленая "Товар есть в наличии"

но ее на красную
в style.css замените
#availability_statut {
color: #138F17;
}
на
#availability_statut {
color: red;
}
вместо red можете написать  #DA3B44; если хотите сделать одного цвета с ценой.

#56 Kazanec

Kazanec

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 163 сообщений
  • ГородКазань

Отправлено 21 Октябрь 2014 - 21:09

спасибо

#57 RayLi

RayLi

    Активный участник

  • Модераторы
  • 2 864 сообщений

Отправлено 21 Октябрь 2014 - 21:24

Просмотр сообщенияKazanec (20 Октябрь 2014 - 22:06) писал:

Изображение

это на главной,мы с вами изменили все надписи на белый!!!! №1

Изображение
№2. а это во всех остальных страницах сайта. едва заметные надписи,я уже не говорю про описание там внизу совсем ни че не видно. Нужно на всех,всех страницах изменить на белый шрифт,т.к. планируется однозначно фон оставить темным
Здравствуйте.
Пропустили ещё пару строчек, если понадобится - вот код для исправления цвета элементов, которые не видно на сайте (Описание в самом низу, количество элементов к каталоге, сортировка и т.д.):
Находим в шаблоне style.css код:
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, img, strong, sub, sup, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
}
И меняем на этот код:
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, img, strong, sub, sup, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
color: #C2C2C2;
font: inherit;
}


#58 Kazanec

Kazanec

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 163 сообщений
  • ГородКазань

Отправлено 21 Октябрь 2014 - 21:41

и точно спасибо огромное :)

#59 Kazanec

Kazanec

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 163 сообщений
  • ГородКазань

Отправлено 24 Февраль 2016 - 20:12

Ребята подскажите плиз... давно уже не обращался :)  как меняются данные вкладки, нужно установить другие категории, не могу понять
Изображение

#60 Firefly

Firefly

    Активный участник

  • Модераторы
  • 3 810 сообщений

Отправлено 24 Февраль 2016 - 20:26

Просмотр сообщенияKazanec (24 Февраль 2016 - 20:12) писал:

Ребята подскажите плиз... давно уже не обращался :)  как меняются данные вкладки, нужно установить другие категории, не могу понять
Изображение

Здравствуйте.
В данном меню у Вас выводятся пункты категорий товаров.
Вы можете вывести другие пункты, поменяв местами категории (перетащив в начало) в разделе Товары -> Товары, переименовать, либо создать новые (скриншот в приложении).

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

  • Screenshot.png





Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных