Putting an image in the header bar of the default theme

This is the right place to report general bugs, make suggestions or ask for help.
Post Reply
miksmith
Posts: 8
Joined: Wed Jul 31, 2019 4:32 pm

Putting an image in the header bar of the default theme

Post by miksmith » Fri Sep 27, 2019 5:10 pm

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

User avatar
franah
Posts: 15
Joined: Wed Aug 14, 2019 11:50 pm
Location: Canary Islands, Spain
Contact:

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

Post by franah » Mon Sep 30, 2019 10:54 pm

Hello miksmith,
You mean this?:
first.PNG
first.PNG (53.58 KiB) Viewed 320 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 320 times
Note: I saved the image in the directory "fp-interface\themes\leggero\leggero\imgs"

Post Reply

Who is online

Users browsing this forum: No registered users and 1 guest