WordPress.org

Support

Support » How-To and Troubleshooting » [Resolved] Header text showing up over custom header image

[Resolved] Header text showing up over custom header image

Viewing 14 replies - 1 through 14 (of 14 total)
  • WPyogi
    Forum Moderator

    @wpyogi

    What is it that you want to change?

    Jake Huddleston
    Member

    @jake-huddleston

    Basically, my problem is that I have a custom image as my site header, but the additional text header (General>Settings>Site Title) overlays itself on the custom image. I can get rid of the text header, but that also gets rid of any text that shows up in the web browser tab when visiting the site. The people in the other thread fixed this problem by removing some code from the header.php. However, the code in the header.php for my theme is different, and I don’t know which segments of code to remove to fix the problem. Does that make sense?

    WPyogi
    Forum Moderator

    @wpyogi

    Which text do you not want to display in the header? All I see is the image. It may be possible to use CSS and “display: none;” rather than to edit the header.php file.

    WPyogi
    Forum Moderator

    @wpyogi

    Just looked at it looks like the site title and site description?

    So try adding this to your CSS:

    #site-title, #site-description {
       display: none;
    }

    Then even if you fill those in, they won’t display on the page, but they are still there for other uses.

    Jake Huddleston
    Member

    @jake-huddleston

    Yes, the site title and site description is the issue. Where in the CSS should I add this?

    WPyogi
    Forum Moderator

    @wpyogi

    At the end of style.css should be good.

    Jake Huddleston
    Member

    @jake-huddleston

    Thanks WPyogi. Unfortunately it still is not working…I added the code you gave to the end of style.css but still no luck. I have temporarily left the site title and description visible so you can see exactly what’s happening, just in case that helps.

    Try removing the text in this div in your header file

    <div id=”site-title”>

    WPyogi
    Forum Moderator

    @wpyogi

    Try changing the CSS to this:

    div#site-title, div#site-description {
       display: none;
    }

    Jake Huddleston
    Member

    @jake-huddleston

    Hi WPyogi,

    Still nothing, but I really appreciate your continued help.

    @ravzen,

    I do not see that exact line of code in the header file…is that a generic version of the code that may be different based on the theme being used?

    Jake Huddleston
    Member

    @jake-huddleston

    Btw, I accidentally hit the ‘resolved’ button on this thread, but it is not actually resolved yet…my mistake.

    WPyogi
    Forum Moderator

    @wpyogi

    It’s working — both of those lines are gone, but now you need to add some more space in the header section. So try adding this:

    #access {
      margin-top: 60px;
    }

    Make sure you are clearing any caches after making changes.

    Jake Huddleston
    Member

    @jake-huddleston

    Fantastic! It worked. This forum is great, thank you for being so helpful to those like me who have little coding experience.

    WPyogi
    Forum Moderator

    @wpyogi

    My pleasure. Come back if you run into other questions 🙂 !

Viewing 14 replies - 1 through 14 (of 14 total)
  • The topic ‘[Resolved] Header text showing up over custom header image’ is closed to new replies.