Замена цвета в шаблоне Realia

[Даниэль 1]

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

весь reali-blue  прорыл, не могу найти.

Скрин прилагаю, спасибо.

[DimWeb 21]

realia/css/realia-blue.css

строчка 2001

.navigation-wrapper .navigation .nav li ul li .nolink:hover,.navigation-wrapper .navigation .nav li ul li a:hover
    {
    background-color: #06a7ea;
    padding-left: 25px
}

#06a7ea  заменить на #db001b

 

А если речь идет о рамке (как на скриншоте):

border: 4px solid #db001b !important;

 

[Даниэль 1]

10 часов назад, DimWeb сказал:

realia/css/realia-blue.css

строчка 2001

.navigation-wrapper .navigation .nav li ul li .nolink:hover,.navigation-wrapper .navigation .nav li ul li a:hover
    {
    background-color: #06a7ea;
    padding-left: 25px
}

#06a7ea  заменить на #db001b

 

А если речь идет о рамке (как на скриншоте):

border: 4px solid #db001b !important;

 

Спасибо помогло.

[Pavel88 7]

Добрый день, скажите пожалуйста, как поменять цвет внизу(в footer), там title, создавал новый прописывал, не получилось, что-то не так делаю. Шаблон реалия.

1.

2. А тут не знаю, как сделать номер телефона и ссылку "Заказать звонок" видимой, сливается конкретно.

[DimWeb 21]

31 минуту назад, Pavel88 сказал:

как поменять цвет внизу(в footer), там title,

realia/css/style.css:744

#newit_footer .property .title h3 a {
    display: inline-block;
    line-height: 14px;
    color: #dfaf25;
}

31 минуту назад, Pavel88 сказал:

как сделать номер телефона и ссылку "Заказать звонок" видимой

realia/css/style.css:1065

.phone_short {
    background-image: url("../img/icons/phone-gray.png");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 14px 14px;
    padding-left: 20px;
    height: 24px;
    display: block;
    text-align: left;
    color: #FFFFFF;
}
.phone_short a {
    color: inherit;
}

realia/css/style.css:1154 (т.е. в самый конец файла)

.hidden-desktop .recall {
    color: #FFFFFF;
}

ps: файл:номерстроки

 

[Pavel88 7]

1 час назад, DimWeb сказал:

realia/css/style.css:744

#newit_footer .property .title h3 a {
    display: inline-block;
    line-height: 14px;
    color: #dfaf25;
}

realia/css/style.css:1065

.phone_short {
    background-image: url("../img/icons/phone-gray.png");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 14px 14px;
    padding-left: 20px;
    height: 24px;
    display: block;
    text-align: left;
    color: #FFFFFF;
}
.phone_short a {
    color: inherit;
}

realia/css/style.css:1154 (т.е. в самый конец файла)

.hidden-desktop .recall {
    color: #FFFFFF;
}

ps: файл:номерстроки

 

Огромное спасибо. Выручили. Подскажите пожалуйста, а что прописать на #newit_footer .property .title h3 a, чтобы еще цвет менялся на другой при наведении?
 

[DimWeb 21]

12 минуты назад, Pavel88 сказал:

чтобы еще цвет менялся на другой при наведении

на какой именно?

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

Соответственно, чтобы установить новый

:749 
дописать новое правило

#newit_footer .property .title h3 a:hover {
    color: #A0A0A0;
}

и указываем нужный цвет

ps на случай если код цвета неизвестен http://www.colorexplorer.com/colorpicker.aspx копировать поле hex

 

[Pavel88 7]

В 25.08.2017 в 18:40, DimWeb сказал:

на какой именно?

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

Соответственно, чтобы установить новый

:749 
дописать новое правило

#newit_footer .property .title h3 a:hover {
    color: #A0A0A0;
}

и указываем нужный цвет

ps на случай если код цвета неизвестен http://www.colorexplorer.com/colorpicker.aspx копировать поле hex

 

Спасибо большое, замена цветов на сайте закончена) Спасибо.

[Pavel88 7]

Пользуясь случаем, к теме не относящиеся еще вопрос задам.

Нужно данный блок "живого поиска" поместить вверху на мобильной версии, кто нибудь может подсказать?

[doma 22]

Только что, Pavel88 сказал:

Пользуясь случаем, к теме не относящиеся еще вопрос задам.

Нужно данный блок "живого поиска" поместить вверху на мобильной версии, кто нибудь может подсказать?

вам нужно стилями заниматься и править  через media -нам это не знакомо

 

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

[DimWeb 21]

3 часа назад, doma сказал:

Нужно данный блок "живого поиска" поместить вверху на мобильной версии, кто нибудь может подсказать?

realia-blue.css строка :800

удалить display: none
добавить ширину и отступ
дописать правило для input (за ним же)

#header-wrapper #header #header-inner .navbar .navbar-inner .site-search
{
	width: 80%;
	margin-right: 10% !important;
}
#header-wrapper #header #header-inner .navbar .navbar-inner .site-search input {
	width: 100%;
}

 

[TopRaN 235]

Вот удалять я не советую. Лучше в медийном запросе 480px свойству display присвоить показ в принудительном порядке.

[DimWeb 21]

3 часа назад, TopRaN сказал:

Вот удалять я не советую

Почему?

Не вижу ни одной причины писать

display:none;

display:block;

подряд в одном правиле.

[Pavel88 7]

14 часа назад, DimWeb сказал:

Почему?

Не вижу ни одной причины писать

display:none;

display:block;

подряд в одном правиле.

Сделал ровно, как вы написали. По сути да, то что нужно.

Есть пару "НО". Кнопка поиска уехала далеко почему то. И на горизонтальной версии я думаю видно какой разрыв. Подскажите?)

 

[DimWeb 21]

6 часов назад, Pavel88 сказал:

Сделал ровно, как вы написали

нет.

- ширина 80 а не 70

- правил инпут не дописано

В 28.08.2017 в 20:58, DimWeb сказал:

дописать правило для input (за ним же)

#header-wrapper #header #header-inner .navbar .navbar-inner .site-search
{
	width: 80%;
	margin-right: 10% !important;
}
#header-wrapper #header #header-inner .navbar .navbar-inner .site-search input {
	width: 100%;
}

 

 

6 часов назад, Pavel88 сказал:

И на горизонтальной версии я думаю видно какой разрыв

убрать "разрыв" - дописать ниже

.site-search  #apps_search_form {
	height: 30px;
	line-height: 30px;
}
#header-inner {
	padding-bottom: 1em;
}

 

PS ниже заметил что вы переписали правило на 809ой строке

а не на 800ой, как писал

В 28.08.2017 в 20:58, DimWeb сказал:

realia-blue.css строка :800

итоговый

[Pavel88 7]

17 часов назад, DimWeb сказал:

нет.

- ширина 80 а не 70

- правил инпут не дописано

 

убрать "разрыв" - дописать ниже

.site-search  #apps_search_form {
	height: 30px;
	line-height: 30px;
}
#header-inner {
	padding-bottom: 1em;
}

 

PS ниже заметил что вы переписали правило на 809ой строке

а не на 800ой, как писал

итоговый

Спасибо, теперь сделал ровно правильно и все работает. Спасибо еще раз)

[DimWeb 21]

--

[DimWeb 21]

--

[DimWeb 21]

1 час назад, Pavel88 сказал:

Спасибо, теперь сделал ровно правильно и все работает. Спасибо еще раз)

нет, появилась лишняя скобка на 808 - её удалить, а 813ая закрылась раньше времени - её ниже, после новых правил

см:

18 часов назад, DimWeb сказал:

итоговый

 

[Pavel88 7]

Сделал, спасибо большое еще раз)

 

P.S. В чем может быть проблема "всплывашки" кнопки "заказать звонок" на мобильной версии?

В адаптивном режиме, "всплывашка" смещается влево, а на обычной версии ПК все нормально по центру.

[abushyk 694]

В 30.08.2017 в 15:55, Pavel88 сказал:

P.S. В чем может быть проблема "всплывашки" кнопки "заказать звонок" на мобильной версии?

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

[Pavel88 7]

В 03.09.2017 в 11:49, abushyk сказал:

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

Костя спасибо, уже сделали.