Даниэль

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

Recommended Posts

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

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

Скрин прилагаю, спасибо.599ebbe6aec12_.thumb.jpg.337005953178c26aaa7deb55eb004f09.jpg

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

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;

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
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;

 

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

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

1. Vh_Yfie6TRiDSO59eIS1NA.png

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

XfhAaZhqYVU.jpg

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
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: файл:номерстроки

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
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, чтобы еще цвет менялся на другой при наведении?
 

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
12 минуты назад, Pavel88 сказал:

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

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

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

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

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

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

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

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

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
В 25.08.2017 в 18:40, DimWeb сказал:

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

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

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

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


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

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

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

 

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

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

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

vda2fsPnQyCvrahe06DqyA.png

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
Только что, Pavel88 сказал:

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

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

vda2fsPnQyCvrahe06DqyA.png

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

 

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
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%;
}

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
3 часа назад, TopRaN сказал:

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

Почему?

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

display:none;

display:block;

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
14 часа назад, DimWeb сказал:

Почему?

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

display:none;

display:block;

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

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

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

T69-Xlu_JgU.jpg

 

VJucPw_10hA.jpg

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
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ой строке

pOFkkCb3UZk.jpg

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

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

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

итоговый

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
17 часов назад, DimWeb сказал:

нет.

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

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

 

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


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

 

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

pOFkkCb3UZk.jpg

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

итоговый

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
1 час назад, Pavel88 сказал:

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

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

AVeBrg8FIZs.jpg

см:

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

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

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

 

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
В 30.08.2017 в 15:55, Pavel88 сказал:

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
В 03.09.2017 в 11:49, abushyk сказал:

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Гость
Ответить в тему...

×   Вы вставили отформатированное содержимое.   Удалить форматирование

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.