Putting an image in the header bar of the default theme

[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

[franah]

Hello miksmith,
You mean this?:

first.PNG (53.58 KiB) Viewed 2150 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 (69.63 KiB) Viewed 2150 times

Note: I saved the image in the directory "fp-interface\themes\leggero\leggero\imgs"