homepage - Delete Title Bar

I am new in WordPress and web development. Starting to learn. I have browsed through this site but couldn't find any way to solve my problem.

This is my homepage on the website that currently I'm building. I want to delete this brick picture. I tried to install a hide title plugin, but still unsuccessful.

This website link is nurulsazlinprubsntakaful.

Hope someone can help me.

Appreciate a lot.

tq

I am new in WordPress and web development. Starting to learn. I have browsed through this site but couldn't find any way to solve my problem.

This is my homepage on the website that currently I'm building. I want to delete this brick picture. I tried to install a hide title plugin, but still unsuccessful.

This website link is nurulsazlinprubsntakaful.

Hope someone can help me.

Appreciate a lot.

tq

• homepage

Share Improve this question edited Jan 4, 2019 at 4:05 RiddleMeThis 3,80788 gold badges2222 silver badges3030 bronze badges asked Jan 4, 2019 at 1:22 Elit TechsElit Techs 522 bronze badges 1

• What theme are you using? You should provide as much detail as possible when asking a question. – RiddleMeThis Commented Jan 4, 2019 at 2:09

Add a comment  | 

2 Answers 2

Sorted by: Reset to default 0

Go into the admin. Click on Appearance > Customize > Additional CSS and paste in the following CSS.

.home .page_header {
    display: none !important;
}

This will hide the entire header area. You could remove the image and add a color by adding something like this.

.home .page_header {
    background-color: red;
    background-image: none !important;
}

Note: the .home before each selector will only apply these to the homepage, because the body on the homepage has class .home. If you want to apply these on all pages just remove the .home, like this...

.page_header {
    display: none !important;
}

Currently, your problem will be fixed by looking in the theme code, but since you are a novice of WP, the easiest way is to set the CSS property to hide it.

.page_header{display:none;}

you can put in at the end of file style.css

or

you can try the below code and put in at the end of file functions.php

add_action('wp_head', 'custom_hook_css');
function custom_hook_css() {
    if(is_home() && is_front_page()){
        echo '
            <style>
                .page_header {
                    display : none;
                }
            </style>
        ';
    }
}