Изменения На Главной Странице Сайта
#1
Отправлено 11 Август 2016 - 11:05
1. Надо сделать полностью прозрачным фон логотипа. Файл самого логотипа на прозрачном фоне. Но при размещении его на сайт, фон поменялся на черный.
Также на прозрачном фоне нужна надпись "Мечты становятся.." Чтобы только были белые буквы.
И помогите буквы сделать крупнее.
И полностью прозрачным фоном, чтобы было верхнее меню.
2. Нижнее меню фон сделать белым, а буквы про доставку и прочее красным. Как изменить размер и жирность букв?
3. Строка поиска фон белый, буквы красные. Как изменить размер букв и жирность?
4. Верхнее меню с вкладками "Главная", "Доставка и пр. Сдвинуть наверх в верхний правый угол. А строку поиска немного опустить.
#2
Отправлено 11 Август 2016 - 12:21
Ovottona (11 Август 2016 - 11:05) писал:
1. Надо сделать полностью прозрачным фон логотипа. Файл самого логотипа на прозрачном фоне. Но при размещении его на сайт, фон поменялся на черный.
Также на прозрачном фоне нужна надпись "Мечты становятся.." Чтобы только были белые буквы.
И помогите буквы сделать крупнее.
И полностью прозрачным фоном, чтобы было верхнее меню.
2. Нижнее меню фон сделать белым, а буквы про доставку и прочее красным. Как изменить размер и жирность букв?
3. Строка поиска фон белый, буквы красные. Как изменить размер букв и жирность?
4. Верхнее меню с вкладками "Главная", "Доставка и пр. Сдвинуть наверх в верхний правый угол. А строку поиска немного опустить.
Здравствуйте.
В данном случае попробуйте, пожалуйста, сделать следующее:
В шаблоне style.css найдите, пожалуйста, данный код:
.logo { margin-top: 0; text-align: center; width: 270px; float: left; display: block; padding: 20px; background: none repeat scroll 0 0 #000; }
И замените его вот этим вот кодом:
.logo { margin-top: 0; text-align: center; width: 270px; float: left; display: block; padding: 20px; background: none repeat scroll 0 0 rgba(0, 0, 0, 0); }
После чего в том же шаблоне найдите, пожалуйста, следующий код:
.et_categ_box a, .et_categ_box a:hover, #scroll-box a, #scroll-box a:hover { display: inline-block; line-height: 1.3em; text-decoration: none; position: relative; color: #FFF; padding: 0 12px; margin: 0; text-decoration: none; font: 12px Calibri; text-transform: uppercase; line-height: 49px; }
И замените его вот этим вот кодом:
.et_categ_box a, .et_categ_box a:hover, #scroll-box a, #scroll-box a:hover { display: inline-block; line-height: 1.3em; text-decoration: none; position: relative; color: #FFF; padding: 0 12px; margin: 0; text-decoration: none; font: 12px Calibri; text-transform: uppercase; line-height: 49px; font-weight: bold; }
Далее там же найдите, пожалуйста, вот этот код:
#header input[type="text"], #header select { border: none; padding: 0; outline: none !important; font: 12px/20px Calibri; color: #868686; margin: 0; width: 200px; max-width: 100%; display: block; margin-bottom: 20px; background: #2F2F2F; }
И замените его этим вот кодом:
#header input[type="text"], #header select { border: none; padding: 0; outline: none !important; font: 12px/20px Calibri; color: #ff0000; margin: 0; width: 200px; max-width: 100%; display: block; margin-bottom: 20px; background: #ffffff; }
После чего в том же шаблоне найдите, пожалуйста, следующий код:
.camera_caption > div { background: #000; background: rgba(0, 0, 0, 0.8); }
И замените его вот этим вот кодом:
.camera_caption > div { background: rgba(0, 0, 0, 0); }
#3
Отправлено 11 Август 2016 - 15:44
Не могу найти
После чего в том же шаблоне найдите, пожалуйста, следующий код:
.camera_caption > div {
background: #000;
background: rgba(0, 0, 0, 0.8);
}
И замените его вот этим вот кодом:
.camera_caption > div {
background: rgba(0, 0, 0, 0);
}
#4
Отправлено 11 Август 2016 - 15:58
Ovottona (11 Август 2016 - 15:44) писал:
Не могу найти
После чего в том же шаблоне найдите, пожалуйста, следующий код:
.camera_caption > div {
background: #000;
background: rgba(0, 0, 0, 0.8);
}
И замените его вот этим вот кодом:
.camera_caption > div {
background: rgba(0, 0, 0, 0);
}
Требуемый код, что вы указали, вам необходимо найти в бэк-офисе вашего интернет-магазина, в разделе Сайт -> Редактор шаблонов, в шаблоне camera.css .
Проверьте, пожалуйста.
#6
Отправлено 11 Август 2016 - 18:53
Давайте еще раз:
Добрый.
1. помогите буквы сделать крупнее в надписи "Мечты становятся.."...
1а. полностью прозрачным фоном, чтобы было верхнее меню.
2. Нижнее меню фон сделать белым, а буквы про доставку и прочее красным.
2а. Как изменить размер и жирность букв?
4. Верхнее меню с вкладками "Главная", "Доставка и пр. Сдвинуть наверх в верхний правый угол. А строку поиска немного опустить.
#8
Отправлено 11 Август 2016 - 19:21
Ovottona (11 Август 2016 - 18:53) писал:
Давайте еще раз:
Добрый.
1. помогите буквы сделать крупнее в надписи "Мечты становятся.."...
1а. полностью прозрачным фоном, чтобы было верхнее меню.
2. Нижнее меню фон сделать белым, а буквы про доставку и прочее красным.
2а. Как изменить размер и жирность букв?
4. Верхнее меню с вкладками "Главная", "Доставка и пр. Сдвинуть наверх в верхний правый угол. А строку поиска немного опустить.
1) В camera.css найдите код
.camera_caption > div { background: rgba(0, 0, 0, 0); }и замените на
.camera_caption > div { background: rgba(0, 0, 0, 0); font-size: 40px; }изменяйте размер шрифта 40px на свой.
В style.css найдите код
#header .container {border-bottom: solid 5px #ff0000;background: url('{ASSETS_IMAGES_PATH}header-bg.png?design=movement');}и замените на
#header .container {border-bottom: solid 5px #ff0000;}2) В style.css найдите код
.footer_bg_color { background-color: #262626; font-family: Calibri; font-size: 12px; margin-top: 20px; }
и замените на
.footer_bg_color { font-family: Calibri; font-size: 12px; margin-top: 20px; }найдите
#footer h3 { color: #FFFFFF; font-size: 16px; line-height: 1em; margin-bottom: 8px; padding: 6px 0 8px 16px; background-color: #151515; }и замените на
#footer h3 { color: #d11717; font-size: 16px; line-height: 1em; margin-bottom: 8px; padding: 6px 0 8px 16px; background-color: #151515; }найдите
#footer a { color: #fff; text-decoration: none; }и замените на
#footer a { color: #d11717; text-decoration: none; } #footer label { color: #d11717; }4) В style.css найдите код
.shopping_cart_block { position: absolute; right: 20px; top: 40px; z-index: 10; }и замените на
.shopping_cart_block { position: absolute; right: 20px; top: 60px; z-index: 10; }найдите
#search { width: 300px; position: absolute; top: 40px; right: 100px; z-index: 100; }и замените на
#search { width: 300px; position: absolute; top: 60px; right: 100px; z-index: 100; }найдите
.nav-container { background: rgba(0,0,0,0.0); margin-bottom: 0px; position: relative; display: block; float: left; bottom: 0; width: 100%; }и замените на
.nav-container { background: rgba(0,0,0,0.0); margin-bottom: 0px; position: relative; display: block; float: right; bottom: 0; }
#9
Отправлено 14 Апрель 2017 - 10:54
#10
Отправлено 14 Апрель 2017 - 11:46
fox082 (14 Апрель 2017 - 10:54) писал:
Здравствуйте.
Насколько сейчас видно с частью пунктов Вы уже разобрались.
Для поиска в шаблоне style.css найдите код:
#header select {border: none;padding: 0;outline: none !important;font: 12px/20px Calibri;color: #868686;margin: 0;width: 200px;max-width: 100%;display: block;margin-bottom: 20px;background: #2F2F2F;}
И измените код #2F2F2F
Для закрепляющегося поиска в шапке:
.header_bar {position:fixed;top:0px;z-index:10000;width:100%;background:#000;display: none;}
Здесь нужно будет изменить код #000
#11
Отправлено 14 Апрель 2017 - 11:57
Firefly (14 Апрель 2017 - 11:46) писал:
Насколько сейчас видно с частью пунктов Вы уже разобрались.
Для поиска в шаблоне style.css найдите код:
#header select {border: none;padding: 0;outline: none !important;font: 12px/20px Calibri;color: #868686;margin: 0;width: 200px;max-width: 100%;display: block;margin-bottom: 20px;background: #2F2F2F;}
И измените код #2F2F2F
Для закрепляющегося поиска в шапке:
.header_bar {position:fixed;top:0px;z-index:10000;width:100%;background:#000;display: none;}
Здесь нужно будет изменить код #000
Класс. Спасибо!!! Всё получилось!
#13
Отправлено 01 Февраль 2018 - 14:49
Moer (01 Февраль 2018 - 09:22) писал:
Я хочу картинку на заднем фоне спустить вниз, так чтобы она оказалась под меню, ниже красной линии в теме "Движение", подскажите как это сделать?
Прикрепленные изображения
В файле style.css
замените
/* Шапка */ #header {position: relative;height: 400px;background: url('/design/slide4.jpg?design=movement') center center;} .home #header{height: auto;text-align: left;position: absolute;background: none;z-index: 1000;left: 50%;margin-left: -600px;}
на
/* Шапка */ #header {position: relative;height: 400px;background: url('/design/slide4.jpg?design=movement') center center;} .home #header{height: auto;text-align: left;position: static;background: none;z-index: 1000;left: 50%;margin-left: 0!important;}
#14
Отправлено 02 Февраль 2018 - 15:00
Mr.Nito (01 Февраль 2018 - 14:49) писал:
замените
/* Шапка */ #header {position: relative;height: 400px;background: url('/design/slide4.jpg?design=movement') center center;} .home #header{height: auto;text-align: left;position: absolute;background: none;z-index: 1000;left: 50%;margin-left: -600px;}
на
/* Шапка */ #header {position: relative;height: 400px;background: url('/design/slide4.jpg?design=movement') center center;} .home #header{height: auto;text-align: left;position: static;background: none;z-index: 1000;left: 50%;margin-left: 0!important;}
434519
#15
Отправлено 03 Февраль 2018 - 03:32
На главной странице в данном месте у вас отображается слайдер, на других страницах статичное фоновое изображение. Уточните пожалуйста, вам необходимо чтобы слайдер под шапкой был на всех страницах сайта?
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных