Цвет рамки поискового окна

Интернет-магазины Вопросы и ответы
1

Господа, подскажите пожалста код чтобы сделать определенного цвета рамку окна поиска.

2

Верстка cs-cart, less или css код

3

CSS файлы посмотреть

4

Пример хоть покажите что и на что примерно поменять хотите

5

987097097909707
9870970979097071285×472 308 KB

Это поисковое окно. “Господа, подскажите пожалста код чтобы сделать определенного цвета рамку окна поиска.” Чтобы у окна, рамки, цвет постоянный был.

Ребятишки, ну естественно тут речь идет о CSS. Это вышеотписавшимся.

1 лайк
6

Как я понял обрамление сделать для поиска как у вот этого блока )) только цвет сделает скорее всего под дизайн сайта.

_230104143751
_2301041437511593×543 237 KB

7

Хотя я бы оставил все как есть, и добавил бы немного тени, эффект вздутия, смотрелось бы прям круто )) будто поиск парит, и более заметный был бы если нет поиска мотивации.

8

Так хоть какой то код мне кто нить даст?
Я копался копался, искал ID чтобы попробовать задать цвет, но все не то. Не реагировало на написанное мною. Не менялось.

9

Это точно не ко мне )) у себя менял, меняет основную заливку, ждите опытных :slightly_smiling_face: Image fbfcb-clip-9kb.png

Может эта статья поможем вам )

Чего я достиг за 23 минуты со своими знанями :rofl: :rofl:

Screenshot_1
Screenshot_11205×857 219 KB 

}
.light-header.v2 .ty-search-block__input
    margin: 0px;
    padding: 5px 7px;
    border: 1px solid #e1e1e1;
    color: #dd4b39;
}

крайне не советую применять мое )) но буду рад если меня поправят, это впервые, методом тыка ))

1 лайк
10

Самое главное тут ID элемента.

.light-header .ty-search-block__input {
border-style: solid;
border-width: 2px;
border-color: #005f95;
}

border-style: solid;    стиль рамки
border-width: 2px; толщина рамки
border-color: #005f95; цвет рамки
11

Как сделаете киньте скрин ))

12

75675676657
756756766571272×380 34.3 KB

14

получается это внесли в css и все? ))

.light-header .ty-search-block__input {
border-style: solid;
border-width: 2px;
border-color: #005f95;
15

Но тут в коде нет ни закруглений, ни цвета фона, так что если нужно то сами допишите.

16

Ну да, в настройке темы.

17

Так, я там закрывающую скобку не написал. Вот добавил.

.light-header .ty-search-block__input {
border-style: solid;
border-width: 2px;
border-color: #005f95;
}

1 лайк
18

Закрывающую скобку забыл написать.

1 лайк
19

получается почти правильно написал я ) для первого раза не плохо ))

Screenshot_2
Screenshot_2738×801 38.6 KB

20

Парни, а какой пункт в настройках темы отвечает за цвет шрифта Быстрых ссылок - крошек?

21

можете ещё добавить - что бы при нажатии на окно поиска, цвет не менялся
.light-header .ty-search-block__input:hover {
border-style: solid;
border-width: 2px;
border-color: #005f95;
}

2 лайка