Переопределить element.style в Wordpress (CSS)
Я пытаюсь изменить высоту логотипа в мобильной версии сайта. Я понял, что мне нужно, чтобы высота мобильного устройства составляла 50%, и когда я его проверяю, он показывает 100%.
@media only screen and (min-width: 1000px)
header.centered_logo .q_logo {
height: 50% !important;
.q_logo {
height: 50% !important; <div class = "q_logo"><a href = "https://rzeczownik.com/" style = "height: 60px; visibility: visible;"><img class = "normal" src = "https://rzeczownik.com/wp-content/uploads/2015/09/rzeczownik_logo.png" alt = "Logo" style = "height: 100%;"><img class = "light" src = "https://rzeczownik.com/wp-content/uploads/2015/09/rzeczownik_logo.png" alt = "Logo" style = "height: 100%;"><img class = "dark" src = "https://rzeczownik.com/wp-content/uploads/2015/09/rzeczownik_logo.png" alt = "Logo" style = "height: 100%;"><img class = "sticky" src = "https://rzeczownik.com/wp-content/uploads/2015/09/rzeczownik_logo.png" alt = "Logo" style = "height: 100%;"></a></div>
Я пытался отредактировать CSS, но безуспешно.
Ответы 3
Ваш код показывает медиа-запрос со стилями, которые будут применяться, когда минимальная ширина составляет 1000 пикселей.
Вы должны изменить его на «максимальную ширину». Кроме того, кажется, что в CSS отсутствуют фигурные скобки.
Попробуй это:
@media only screen and (max-width: 1000px) {
.q_logo a img {
height: 50% !important;
}
}
Спасибо за ответ Виктор! Я добавил код, но, к сожалению, не работает :( ссылка | (http://pl.tinypic.com/r/1ina4h/9) [ссылка
Похоже, возникла проблема с кешированием или сборщиком CSS вашей темы. Я только что проверил файл .css, который должен содержать настраиваемый CSS, но изменений, которые вы показываете на снимке экрана, нет. Кроме того, есть код CSS с синтаксическими ошибками: imgur.com/duApu08 Может быть, попробуйте очистить кеш или восстановить файлы CSS, чтобы проверить, работает ли он.
это проблема с вашим тегом привязки, вы не сможете установить высоту изображения, поскольку свойство отображения по умолчанию тега привязки является встроенным, вам может потребоваться изменить это на display:inline-block; для обработки изображения внутри него как элемента блока .
Вы должны удалить встроенный css из html "style =" height: 100%; "" после того, как следуете за данным css.
@media only screen and (max-width: 1000px)
header .q_logo img.normal {
display: block!important;
opacity: 1!important;
position: relative;
max-width: 100%;
margin: 0px;
}<img class = "normal" src = "https://rzeczownik.com/wp-content/uploads/2015/09/rzeczownik_logo.png" alt = "Logo" scale = "0" style = "">
CSS недействителен, вам не хватает закрывающих фигурных скобок