Hi, I'be built two different logo modules for the two languages of the website and I'd like some different background colors for them.
I've tried to set up a color by editing each modules :
<div class="uk-text-center" style="margin: 100px;" data-uk-scrollspy="{cls:'uk-animation-slide-top'}">
<h1 style="font-size: 80px; font-weight: 100;">Grill</h1>
<h4>Barbecue is our Passion</h4>
</div>
but without success, perhaps I'm writing wrong CSS instructions.

Must I erase too the color in CSS/THEME.css line 9704 ?

Thanks for help.

Please dont delete anything at the theme.css, because this file will be overwritten while updating the theme.

You can use the inline style for the colors:

<div class="uk-text-center" style="margin: 100px;" data-uk-scrollspy="{cls:'uk-animation-slide-top'}">
<h1 style="color:FF0000 !important; font-size: 80px; font-weight: 100;">Grill</h1>
<h4 style="color:#FF0000 !Important">Barbecue is our Passion</h4>
</div>

Thanks for your answer but it doesn't help me.

As I told you before, I would like two different background colors for the logo modules. One background color for the logo in french, and a different background color for english.
I don't want to change the font colors

I show you a way how to setup the color or background color of the logo.
If you want to have 2 different colors you have to duplicate the logo and assign each logo to french and the other logo to english language.

Hi, the example code you gave me above change the h1 and the h4 font title color, not the background-color So I don't know how to explain that better, I don't want the font/letters to change color but the div background.

Hi there,
you can change the background color with inline css style:
www.w3schools.com/css/css_howto.asp

<div class="uk-text-center" style="margin: 100px; background:FF0000 !important;" data-uk-scrollspy="{cls:'uk-animation-slide-top'}">
<h1 style="font-size: 80px; font-weight: 100;">Grill</h1>
<h4>Barbecue is our Passion</h4>
</div>