Как убрать верх фона?

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

То есть нам нужно прописать это свойство к элементу перекрывающему фон. С помощью инспектора элементов я выяснил название элементов которые нам не нужны и прописал это свойство. На практике выглядит это так:

#art-page-background-simple-gradient, #art-page-background-gradient, #art-page-background-glare {
visibility: hidden;
} 

При этом способе верх фона станет невидимым но будет продолжать участвовать в формирование страницы. Есть и еще один способ убрать элементы, это свойство display многозадачное свойство определяющее как отображать элемент в документе. 

#art-page-background-simple-gradient, #art-page-background-gradient, #art-page-background-glare { 
display: none;
}  

Этот способ убирает верх фона совсем и в формирование страницы он не участвует.

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