Heading Image size

[RainerBielefeld]

Some Themes have a full width (Background) heading Image. Sumething like that I need to replace my old Wordpress Blogs (like this one or this here) by FlatPress blogs. The FP blogs should habe a similar design to the wordpress Blogs.

I can replace the heading picture by a different one / my logo, but it's a horrible hassle to get the picture into the correct size.

A related problem:
https://foss.weststadtaktivkasse.de/myfp/
heading picture with FlatMistyLoook Theme looks perfect with my . But in FF, , Edge the heading image width is too small – you see somethings added at the left and at the right.

Would be great to have some setting "Resize image to Contents width" (keep length/hight ratio), and contents will respect new heading image size.
Possible for me in the settings? Or FlatPress RfE?

CU

Rainer

[fraenkiman]

Hello Rainer:

You need to edit the header.tpl file of your theme.

Insert the following at a suitable location (above <div id="outer-container">):

Code: Select all

<div id="headerimage"></div>

You then need to add this to the style.css or common.css file.

Code: Select all

#headerimage {
    clear: both;
    background: url(../fp-content/images/your_Heading_Image.jpg) center;
    margin: 10px;
    color: #fff;
    height: 200px;
    background-repeat: no-repeat;
    background-size: cover;
}

Works responsively with Chrome and Firefox.

Screenshot 2025-12-17 013951.png (240 KiB) Viewed 311 times

Best regards,
Frank

[fraenkiman]

... Or FlatPress RfE?

Some themes are not in great condition. Therefore, any support from the community is welcome.

[RainerBielefeld]

Insert the following

Hi Frank,

thx for support! I tried your suggestion and see some progress. But for unknown reasons it does not work perfectly for me here.

Before suggested changes:

Height ok, but width too much

After suggested changes:

Width ok
But now image is shown twice. I did some experiments with different image heights – theme insisted in showing it twice.

I don't think so, but may be I did something wrong?

CU

Rainer

[RainerBielefeld]

@fraenkiman
Thx. for PM. Perfect service, so it works fine.

I will write a draft entry for (new?) "Templates - Tipps and Tricks" for the wiki, soon. I think that would ease handling also for other users.

CU

Rainer