1

I don't have an image logo header yet, rather, I'm just using one of my 'Pages' as my static front page. It's title is "Welcome" So now, 'Welcome" and links to it are appearing in three places: at the very top where it lists all the pages I have, below that in a heading like section, and below that again at the top of the static page. I have tried all sorts of CSS but I don't really know where to even put the code to remove it. Screen shots included.

enter image description here

I have been trying to paste my various codes in this section:

enter image description here

As well as in a custom css plug in I added. Please help! Thank you.

3
  • 2
    Please add template code that generates the title. search for the_title().
    – fuxia
    Mar 26, 2017 at 3:51
  • How did you determine the CSS class name(s)? Did you right-click and inspect the code in your browser? And why do you have comment tags around your style definitions? Your "display:none;" attribute should work to hide an element, so I'm guessing your selectors are incorrect. Jul 10, 2023 at 0:29

1 Answer 1

0

Though it is a bit difficult to draw conclusions from the screenshots, it appears as though the top area is a menu automatically created by WordPress when no other menu is present. If that is the case, creating your own menu without including a link to your "Welcome" page would solve this.

The second one might be part of Breadcrumbs. If so, check whether there is an option in your theme to disable the feature.

The third one looks like the page's title. To remove it, as mentioned by @toscho , you need to find the template which generates it.

If, as you mentioned, you want to remove these via CSS (not the best option, but better than nothing), you can use your browser's Developer Tools to locate the elements and their classes, IDs, etc. You can access your browser's Developer Tools either by right clicking on the element you want to check and choosing "Inspect Element", or by pressing the F12 key, which will bring out the entire console. After locating the elements you want to hide, use the plugin you've installed to add your CSS code, which, in the case of the title, could look something like this (the actual code will depend on your theme) :

 .home .entry-title {
    display:none;
 }

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.