Search…

X3 Photo Gallery Support Forums

Search…
 
User avatar
lulu
Experienced
Topic Author
Posts: 33
Joined: 04 Dec 2010, 13:12

Logo

10 Jan 2017, 14:35

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..
 
User avatar
mjau-mjau
X3 Wizard
Posts: 14452
Joined: 30 Sep 2006, 03:37

Re: Logo

10 Jan 2017, 21:58

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.
 
User avatar
lulu
Experienced
Topic Author
Posts: 33
Joined: 04 Dec 2010, 13:12

Re: Logo

11 Jan 2017, 05:32

Super Karl  :thumbsup:
It's exactly what i want to do  :clap: :clap:

Thank you very much  :relaxed: