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

[Santos]

Здравствуйте! Подскажите как оформить лист " форма быстрого оформления заказа"

1.В "Форме быстрого оформления заказа" поменять цвет (фон) этого листа
2. Изменить цвета верхнего зеленого блока, рамок разделов для внесения данных и цвет слов по всему списку: ФИО*, E-mail*, Телефон для связи* и т.д. ?
3.Как изменить цвет текста в разделе "Способы доставки" ?

[Taisia]

за внешний вид формы отвечает файл стилей "jquery.fancybox.css"

прежде чем вносить какие то изменения сделайте бэкап вашего сайта
затем меняйте нужные стили и параметры в файле "jquery.fancybox.css"

например за фон формы отвечает стиль

.fancybox-skin {
position: relative;
background: #f9f9f9;
color: #444;
text-shadow: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

параметр background: #f9f9f9;

что бы изменить цвет текста "способы доставки"  добавьте в этот файл в конец код

.legend
{
color:red;
}

меняйте этот параметр что бы задать нужный вам цвет


что бы менять фон форм ввода добавьте код

div.visible input
{

background:red;
}

и код

div.input-box textarea
{

background:red;
}

что бы менять цвет слов по списку добавьте код

#quickform label
{

color:red;
}

что бы изменить зеленый фон информационного сообщения
добавьте код

div.fancybox-inner ul.message.success-msg
{
	background:red !important;

}

[Santos]

Taisia (31 Май 2013 - 15:41) писал:

за внешний вид формы отвечает файл стилей "jquery.fancybox.css"

прежде чем вносить какие то изменения сделайте бэкап вашего сайта
затем меняйте нужные стили и параметры в файле "jquery.fancybox.css"

например за фон формы отвечает стиль

.fancybox-skin {
position: relative;
background: #f9f9f9;
color: #444;
text-shadow: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

параметр background: #f9f9f9;

что бы изменить цвет текста "способы доставки"  добавьте в этот файл в конец код

.legend
{
color:red;
}

меняйте этот параметр что бы задать нужный вам цвет


что бы менять фон форм ввода добавьте код

div.visible input
{

background:red;
}

и код

div.input-box textarea
{

background:red;
}

что бы менять цвет слов по списку добавьте код

#quickform label
{

color:red;
}

что бы изменить зеленый фон информационного сообщения
добавьте код

div.fancybox-inner ul.message.success-msg
{
background:red !important;

}

Простите, но у меня нет такого файла "jquery.fancybox.css"!!!! Где он находится???

[Taisia]

ок. тогда добавьте все коды в конец вашего файла main.css

а что бы изменить цвет фона добавьте этот код

.fancybox-skin {
background: #f9f9f9 !important;
}

[мистка]

заказ в один клик ? посмотрите мою кнопочку могу скинуть коды

[Santos]

Taisia (31 Май 2013 - 17:22) писал:

ок. тогда добавьте все коды в конец вашего файла main.css

а что бы изменить цвет фона добавьте этот код

.fancybox-skin {
background: #f9f9f9 !important;
}

Спасибо!!! Все получилось...