Title: Adding header div for background image with overlay Last modified: March 16, 2018 --- # Adding header div for background image with overlay * Resolved [Stefan](https://wordpress.org/support/users/joamp/) * (@joamp) * [8 years, 2 months ago](https://wordpress.org/support/topic/adding-header-for-background-image-with-overlay/) * Hey Tom, first of all, you’ve made a great theme, thanks for that. Now, I try to make some custom changes to the header using a child-theme. Basically, I want to add a background-image with a transparent color overlay in the header of the front-page. Therefore I thought of adding a
element above the class so that it is inside of the parent
class. With pure html and css it is pretty easy, but I’m just started to learn php, so it’s a bit more difficult to get this right without messing up the code. * I’ve searched the forum and the Internet but couldn’t find a working solution. I’ve tried every hook from the header.php, but they don’t support the right spot I’m looking for. Then I’ve found another header.php file in the directory inc/ structure/header.php with a do_action(‘generate_header’) hook, but I can’t use it I think. I’ve tried to copy and edit the file, but this doesn’t work since WordPress probably doesn’t know that I’m using it and I don’t know how to change this. But when I add the
in the original header.php in the structure directory it worked. But this is not a proper solution I guess. So finally how can I add the div to structure/header.php without hardcoding it into the existing file? What is the best practice to achieve what I’m looking for? * Hopefully, it makes sense what I’ve tried to convey. * Best regards - This topic was modified 8 years, 2 months ago by [Stefan](https://wordpress.org/support/users/joamp/). Viewing 5 replies - 1 through 5 (of 5 total) * Theme Author [Tom](https://wordpress.org/support/users/edge22/) * (@edge22) * [8 years, 2 months ago](https://wordpress.org/support/topic/adding-header-for-background-image-with-overlay/#post-10084645) * Hi there, * Glad you’re enjoying the theme! * Have you tried using multiple backgrounds to tint the background image? You can find examples here: [https://css-tricks.com/tinted-images-multiple-backgrounds/](https://css-tricks.com/tinted-images-multiple-backgrounds/) * Let me know 🙂 * Thread Starter [Stefan](https://wordpress.org/support/users/joamp/) * (@joamp) * [8 years, 2 months ago](https://wordpress.org/support/topic/adding-header-for-background-image-with-overlay/#post-10084771) * haha, how easy was that? That works like a charm thanks Tom. Learning never stops. Could you give me a hint, how I could add a div or any other element into places in the theme files where are no hooks included? I mean beside hardcoding a do_action. Are there possibilities using function.php? Sorry for that noob question, but I really try to dig into PHP. * Have a nice weekend! * Theme Author [Tom](https://wordpress.org/support/users/edge22/) * (@edge22) * [8 years, 1 month ago](https://wordpress.org/support/topic/adding-header-for-background-image-with-overlay/#post-10086730) * Without altering core theme code (not recommended at all), you would have to use hooks or filters. What area are you trying to target? * Thread Starter [Stefan](https://wordpress.org/support/users/joamp/) * (@joamp) * [8 years, 1 month ago](https://wordpress.org/support/topic/adding-header-for-background-image-with-overlay/#post-10086859) * It was a general question. I work with a child theme. Of course, I don’t want to change core files and by the next update, everything is gone. I don’t want to occupy so much of your time here. I think I just have to dig deeper into coding. * Anyway, I will buy your premium package soon. Maybe I specify my question in the Genratepress forum then. * Theme Author [Tom](https://wordpress.org/support/users/edge22/) * (@edge22) * [8 years, 1 month ago](https://wordpress.org/support/topic/adding-header-for-background-image-with-overlay/#post-10089049) * No problem! Let me know if you have any other questions 🙂 Viewing 5 replies - 1 through 5 (of 5 total) The topic ‘Adding header div for background image with overlay’ is closed to new replies. * ![](https://i0.wp.com/themes.svn.wordpress.org/generatepress/3.6.1/screenshot. png) * GeneratePress * [Support Threads](https://wordpress.org/support/theme/generatepress/) * [Active Topics](https://wordpress.org/support/theme/generatepress/active/) * [Unresolved Topics](https://wordpress.org/support/theme/generatepress/unresolved/) * [Reviews](https://wordpress.org/support/theme/generatepress/reviews/) * 5 replies * 2 participants * Last reply from: [Tom](https://wordpress.org/support/users/edge22/) * Last activity: [8 years, 1 month ago](https://wordpress.org/support/topic/adding-header-for-background-image-with-overlay/#post-10089049) * Status: resolved