Как избавиться от этого элемента или изменить его цвет?

Question

Я пытаюсь избавиться от следующего элемента или изменить его цвет, если это возможно - это не граница, это фоновое изображение.Это код выглядит так:

.col-2cl .main-inner {
    background: url(img/sidebar/s-right-s1.png) repeat-y right 0;
    padding-right: 340px;
}

Мой вопрос, как я могу избавиться от этого элемента?Я пытаюсь полностью удалить его на темной версии моего сайта, но просто не могу - мне кажется, что я все перепробовал (background: none; и т. Д.).Я не могу полностью удалить файл, потому что он мне нужен в облегченной версии моего сайта.Мой сайт:

Answer 1

Любое новое значение, которое вы назначите для .col-2cl .main-inner, будет скрывать это изображение.

В вашем случае вы должны показать темный мод или хотя бы определить, как реализован темный режим.Это изменение атрибутов или просто изменение имен классов?

если он меняет имена классов, вы должны определить свой код CSS в соответствии с этим изменением, например, допустим, что в темном режиме вы добавили новое имя класса к любому родительскому тегу div в .main-inner как .dark-mode.

Затем вы можете использовать следующий код:

div:not(.dark-mode) .main-inner{ background: rgba(252, 252, 252, 0) !important; }

этот код сделает полностью прозрачным этот раздел, только когда он не в темном режиме.

Но, как я описал, вам нужно понять, как темный режим меняет структуру вашего сайта.Возможно, это не добавление новых классов, а изменение всего CSS-файла.Тогда вам просто нужно отредактировать эти конкретные файлы.

Answer 2

Вы можете использовать

.col-2cl .main-inner {
display: none; // In case it will not work, you can try to add !important before the semicolon.
}

или изменить свойство фона с помощью

.col-2cl .main-inner {
background: url(new_background_image.jpg) repeat-y right 0 !important;
}