[3s777]

M_W, попробуйте открыть ваш style.css и туда прописать

.wpcf7 {
background: #000000;
}

если получится, то просто замените #000000; на нужный вам цвет

[M_W]

3s777, спасибо за совет. Только так я уже делал, да получается по-другому - _http://i60.fastpic.ru/big/2014/0323/ad/8f4d19e7f0bcda8dc7cc3c1c5e083bad.png (еще и разносит).

А у меня прям чешется, как в третьем примере - _http://envision.wptation.com/page-elements/contact-forms/ - colored box.

[3s777]

M_W, ну, так проявляйте фантазию дальше)
вот так попробуйте

Код HTML:

.wpcf7 {
width: 360px;
padding: 30px 10px;
background-color: #0e7add;
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPg0KICAgIDxkZWZzPg0KICAgICAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImxpbmVhci1ncmFkaWVudCIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiIHNwcmVhZE1ldGhvZD0icGFkIj4NCiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMxZmM0ZjAiIHN0b3Atb3BhY2l0eT0iMSIvPg0KICAgICAgICAgICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMGU3YWRkIiBzdG9wLW9wYWNpdHk9IjEiLz4NCiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4NCiAgICA8L2RlZnM+DQogICAgPHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6IHVybCgjbGluZWFyLWdyYWRpZW50KTsiLz4NCjwvc3ZnPg==');
background-image: -moz-linear-gradient(top, #1fc4f0, #0e7add);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1fc4f0), to(#0e7add));
background-image: -webkit-linear-gradient(top, #1fc4f0, #0e7add);
background-image: -o-linear-gradient(top, #1fc4f0, #0e7add);
background-image: linear-gradient(to bottom, #1fc4f0, #0e7add);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#1fc4f0', endColorstr='#0e7add');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#1fc4f0', endColorstr='#0e7add')";
background-repeat: repeat-x;
}

[M_W]

3s777, спасибо, теперь похоже больше, да только все равно не то - _http://i33.fastpic.ru/big/2014/0323/38/0e147aa5f79dbc980c0f8f3e2a4b3538.png
Рамка отсутствует и текст располагается внутри объекта, а не над ним. И не подскажете, как вывести тень, как на примере, если Вас не затруднит.

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

[Artemii-St]

Требуется мнение знающих. Речь идет о программе артистер для создания шаблонов для различных кмсок в том числе и для wordpressa. Кто пользовался этой программой и что можете о ней сказать? Сейчас в продаже новая версия программы 4,2 - посмотрел шаблоны сделанные с помощью этой программы, шаблоны тоже ничё так нормальные получаются, на подобии тех что в нете на каждом углу с пометкой премиум тема. Цель - создание веб сайтов на заказ по не высокой цене, как говорится цена = качество. Вот ссылка на сайт программы и на примеры шаблонов.

[thomas]

шаблоны тоже ничё так нормальные получаются, на подобии тех что в нете на каждом углу с пометкой премиум тема.

ну это вы загнули конечно) а как вы их оценивали-то?

Цель - создание веб сайтов на заказ по не высокой цене, как говорится цена = качество.

ну если цена 100 рублей, то фраза цена = качество наверно подойдет).

[3s777]

M_W, у вас почему-то не работает padding. Попробуйте так

Код HTML:

.wpcf7 {
width: 360px;
padding: 30px 10px !important;
background-color: #0e7add;
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPg0KICAgIDxkZWZzPg0KICAgICAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImxpbmVhci1ncmFkaWVudCIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiIHNwcmVhZE1ldGhvZD0icGFkIj4NCiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMxZmM0ZjAiIHN0b3Atb3BhY2l0eT0iMSIvPg0KICAgICAgICAgICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMGU3YWRkIiBzdG9wLW9wYWNpdHk9IjEiLz4NCiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4NCiAgICA8L2RlZnM+DQogICAgPHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6IHVybCgjbGluZWFyLWdyYWRpZW50KTsiLz4NCjwvc3ZnPg==');
background-image: -moz-linear-gradient(top, #1fc4f0, #0e7add);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1fc4f0), to(#0e7add));
background-image: -webkit-linear-gradient(top, #1fc4f0, #0e7add);
background-image: -o-linear-gradient(top, #1fc4f0, #0e7add);
background-image: linear-gradient(to bottom, #1fc4f0, #0e7add);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#1fc4f0', endColorstr='#0e7add');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#1fc4f0', endColorstr='#0e7add')";
background-repeat: repeat-x;
}

а вот за текст внутри объекта уже не понял, что вы имеете в виду?
Тень так просто стилями не вставишь, тут уже нужно более глобально подходить к правке кода.

[jonathan]

В Google Chrome пропадает текст. Кто сталкивался с такой проблемой? Помогите, пожалуйста.

[3s777]

jonathan, пропал именно текст или не грузится шрифт?

[Dezm]

не, не помогло.

посмотри в другом браузере