WordPress.org

Ready to get started?Download WordPress

Forums

Pilcrow
[resolved] Remove page name from under header image (7 posts)

  1. SMapp
    Member
    Posted 9 months ago #

    As well as having the page name highlighted on a tab above my header image, it is also added like a heading between the header image and the man text of the page.

    Any ideas how I can remove this?
    (I've looked at the code for the header, but as I don't understand most of it, I can spot nothing obviously related.)

  2. WPyogi
    Volunteer Moderator
    Posted 9 months ago #

    Okay, so the best way to do this is by hiding it with CSS. You should not modify theme files - as your changes will be lost when the theme is updated, so best to use a custom CSS plugin. Then try adding this CSS there:

    .entry-title {
        display: none;
    }
  3. SMapp
    Member
    Posted 9 months ago #

    Excuse my ignorance, but ...

    Should I be putting that code into style.css ?
    And if so, where should it go / should it replace something?

  4. BTCoombs
    Member
    Posted 7 months ago #

    I just did this by adding the .entry-title {
    display: none;
    }
    and it worked great. I did some research and first created a child theme, then just added the above info into that.

  5. Good stuff!

    In case anyone comes across this in the future, another easy way to add custom CSS is to install the Jetpack plugin and activate the Custom CSS module. You could also install a standalone custom CSS plugin.

  6. SMapp
    Member
    Posted 7 months ago #

    I have little understanding of what I just did, but it worked. So thank you.
    For the benefit of others, here is exactly what I did:

    Install the Simple Custom CSS plugin. (I was cautious about using Jetpack as I get the impression you loose some privacy by connecting it to wordpress. You get nothing for nothing, but Simple Custom CSS doesn't ask for account name and password, which I prefer.)
    Activate plugin
    Go to the plugin's settings It gives you a pane to enter the code in.
    Copy and paste the code from above into the pane
    Click on Update Custom CSS button bellow the pane.
    And that's it.

  7. Glad you're all set, and thanks for sharing the steps in case it helps others.

    What you've done is added a spot to include extra CSS which overrides the theme's default styles. :-)

    you loose some privacy by connecting it to wordpress

    Just to clarify, it's possible to use many Jetpack features, including the CSS module, without connecting Jetpack to a WordPress.com account.

    Happy blogging!

Reply

You must log in to post.

About this Theme

About this Topic

Tags

No tags yet.