Page 1 of 1

Putting an image in the header bar of the default theme

Posted: Fri Sep 27, 2019 5:10 pm
by miksmith
Hi

is there an easy way of putting an image in the header bar of the default theme? WHilst plain red is perfectly pleasant I would like to size an image to place in there.

thanks

mike

Re: Putting an image in the header bar of the default theme

Posted: Mon Sep 30, 2019 10:54 pm
by franah
Hello miksmith,
You mean this?:
first.PNG
first.PNG (53.58 KiB) Viewed 2149 times
The answer is yes, you can. To do this, you will have to open the file: "fp-interface\themes\leggero\leggero\res\common.css"
Find the #id "Head" (#Head) (Line 157 to 163):

Code: Select all

#head {
	font-family: 'book antiqua', georgia, garamond,  times, 'times new roman', serif;
	padding: 95px 10px 5px 5px;
	margin: 10px;
	background: #c37676 url('../imgs/shade.png') repeat-x;
	border: #bbb 1px solid
}
Delete the line: "background: #c37676 url('../imgs/shade.png') repeat-x;" and add:
background: url('YOURSITE.COM/PATH/IMAGE.PNG");
You can also add more options to the background (To do this visit this link: https://www.w3schools.com/css/css_background.asp)
For example:

Code: Select all

#head {
	font-family: 'book antiqua', georgia, garamond,  times, 'times new roman', serif;
	padding: 95px 10px 5px 5px;
	margin: 10px;
	background: url('../imgs/fruits-863072_960_720.jpg');
	background-position: center;
	border: #bbb 1px solid
}
And it would look like this:
second.jpg
second.jpg (69.63 KiB) Viewed 2149 times
Note: I saved the image in the directory "fp-interface\themes\leggero\leggero\imgs"