Перейти к содержанию
Twix87

Подскажите, как изменить цвет фона активных ссылок в Header.

Рекомендуемые сообщения

Добрый день


Подскажите, как изменить цвет фона активных ссылок в Header. Необходимо установить прозрачность, т.к. сейчас выглядит не очень. Уже весь css перелопатил и не могу понять где это нужно прописывать. Я так понял цвет наследуется от родителя.


a60f4108b26d1557cd7fd9636760d58b.jpg


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


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

Добрый день!


Подскажите, как изменить цвет фона активных ссылок в Header. Необходимо установить прозрачность, т.к. сейчас выглядит не очень. Уже весь css перелопатил и не могу понять где это нужно прописывать.


Спасибо.


a60f4108b26d1557cd7fd9636760d58b.jpg


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


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

Инспектор объектов в браузере включите [Ctrl] + [shift] + или нажмите на элемент правой кнопкой мыши и выберите "Проинспектировать элемент", тым в правой колонке будет показан CSS код.

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


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

Спасибо. Код то я знаю как посмотреть, но вот выявить в какой строчке - не получается. Если не трудно посмотрите.

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


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

boostrap.min.css

.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:#eee;border-color:#337ab7}

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


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

не хорошо править сам бутстрап, переопределите в основных стилях 

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


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

Подскажите в каком именно месте СSS нужно переопределить.

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


Ссылка на сообщение
Поделиться на другие сайты
.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{  par#1: ... !important, par#2: ... !important, ....  }

в stylesheet.css 

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


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

ArtenPitov,

"Ничего не понимаю" © 

Куда, что вставлять?

Изменено пользователем afwollis

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


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

Пытался прописать в stylesheet.css:

.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{  par#1: ... !important, par#2: ... !important, ....  } 

Ничего не получилось :mellow:  Пожалуйста,  объясните подробнее!

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


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

Пытался прописать в stylesheet.css:

.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{  par#1: ... !important, par#2: ... !important, ....  } 

Ничего не получилось :mellow:  Пожалуйста,  объясните подробнее!

тут как бы Ваши стили должны быть вместо par#1: ... !important, par#2: ... !important, ....

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


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

Добавил в CSS

nav .open>a,.nav .open>a:focus,.nav .open>a:hover {  
	background-color: transparent !important;
}

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

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


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

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×