Archived topic
Background image over background color
3 replies · Started by Andre on December 16, 2022
Hi,
At the request of my client, I put in all containers a background image with the Wordpress customization for Generatepress.
.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .one-container .container, .separate-containers .paging-navigation {
background-image: url("https://xxxxxxxxxxx.ch/wp-content/uploads/cropped-topback-1.jpg");
}
The problem is the following.
The archives and pagination work with the CSS "border", but the background color is placed behind the background image of the main container (site-main). Normal CSS behavior
How can I give a color when there is only one div with the same class?
.inside-article {
background-color: #ff0000 !important;
}
Best regards, andre
Hi there,
is it possible to see the site where you're having the issue, as i am having a little trouble understanding the request.
Sorry, I find this solution :)
/* archives posts */
/* remove background img and place color */
article.type-post .inside-article {
background-image: url('none');
background-color: #ffff00;
border: 2px solid #00ff00;
margin: 10px;
}
Glad to hear you found the solution :)
