Theme Inheritance - background color of all the pages

Hello,

I duplicate the quark theme to have "mytheme" like explain in the documentation :
Theme Inheritance > Inheriting manually

Now I would like to change the background color of all the pages of the site.

What is the easier way to do this ?
Is it in user/theme/mytheme/css/custum.css file ?

I have tried :

background-color:#CCBBBB;
background:#CCBBBB;

but only the background-color of the text have changed.

Thank's

@thgr, A theme (and installed plugins) may have several elements for which the background-color is set and needs to be altered with your own preferred colour. A few of these elements are #head for the header, .card for the list of items in a blog, etc.

In '/user/themes/mytheme/css/custom.css' try the following:

body, #header, .card {
  background-color: #CCBBBB;
}

You will have to explore your site and for each element you wish to change the background of, you need to find out the selector (id, class, element) and add that to the list.

You can find the selector of an element by right clicking the element and open the developer tools of the browser ('Inspect' in Chrome).

Hello,

Thank's for the answer !
I succed for all the page but not for a small part in the header and footer

header

TXTCopy

    <section class="container ">
        <nav class="navbar">
            <section class="navbar-section logo">
                <a href="/" class="navbar-brand mr-10">

<svg xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" viewBox="0 0 504 140" clip-rule="evenodd">...</section>
<section class="navbar-section desktop-menu">

footer

<section id="footer" class="section bg-gray">
<section class="container ">
<p><a href="http://getgrav.org">Grav</a> was <i class="fa fa-code"></i> with <i class="fa fa-heart-o pulse "></i> by <a href="https://trilby.media">Trilby Media</a>.</p>
</section>
</section><section id="header" class="section">

custom.css

CSSCopy

body, start, header, footer, p, section
{
  background-color: #CCBBBB;
}

If someone have an idea...

Thank's

Thank's again !
so the solution for me is

body, #header, .card  {
  background-color: #CCBBBB;
}

.bg-gray {
  background: #CCBBBB !important;
}