Page 1 of 1

Logo

Posted: 10 Jan 2017, 14:35
by lulu
Hi,
I just created my professional site with X3. I am really satisfied with the result.
It's here : http://www.eauxloisirs.com

A question :
I have a logo on two lines with this in Panel/Settings/Style/Logo/Tittle (Chez vous ?<br><br>Piscines de caractère en Limousin).

I would like to be able to use a color, font and size different fonts for the two sentences.
Possible or not? With a customization of the css .logo?
Thank you in advance..

Re: Logo

Posted: 10 Jan 2017, 21:58
by mjau-mjau
Yes, you can use custom CSS. To get you started, I would recommend changing your logo text to this for better control:
Code
<span class="logo1">Chez vous ?</span><span class="logo2">Piscines de caractère en Limousin</span>
Then, add to settings -> custom -> custom CSS:
Code
.logo > span {
  display: block; // puts the texts on two lines
}
.logo1 {
  margin-bottom: .5em; // adjust the space between the two lines
  color: #ff6347; // set color for first line (or remove)
  font-size: 1.1em; // set font-size for first line here (or remove)
}
.logo2 {
  color: #ffd700; // set color for second line (or remove)
  font-size: 0.9em; // set font-size for second line here (or remove)
}
Of course, you should adjust the margin, colors and font-sizes to suit you.

Re: Logo

Posted: 11 Jan 2017, 05:32
by lulu
Super Karl  :thumbsup:
It's exactly what i want to do  :clap: :clap:

Thank you very much  :relaxed: