16 {{ upvoteCount | shortNum }}
16 {{ upvoteCount | shortNum }}

Delete a WordPress "entry-header"

by toivo
14 replies
  • WEB DESIGN
    • |
Wonder if anyone knows if I can delete this entry-header safely (see attachment) as it appears on this page in my WordPress. I see it in Firbug and then trace the code in my "style.css" but wonder if deleting that will affect anything else? Thank you.
#delete #entryheader #wordpress
  • Profile picture of the author ajayu1992
    The simplest way is to use display:none;

    Just go to your wordpress editor , style.css

    search for .entry-header .entry-title

    add that code display:none; inside that css block.

    Hope this helps
    {{ DiscussionBoard.errors[8768899].message }}
  • Profile picture of the author nettiapina
    If it's the archive-title that's giving you grief, just add

    .archive-title {
    display: none;
    }
    Signature
    Links in signature will not help your SEO. Not on this site, and not on any other forum.
    Who told me this? An ex Google web spam engineer.

    What's your excuse?
    {{ DiscussionBoard.errors[8769124].message }}
    • Profile picture of the author toivo
      Nettiapina, THANK you. I believe that too will work! FIRST, here are 3 I just deleted from my "style.css" to show you something:

      .entry-header {
      display: none;
      }
      .entry-title {
      display: none;
      }
      .archive-title {
      display: none;
      }

      with all those deleted, go to my main page atHERE and please click any tags in the tag cloud (Colossol Cloud!) on lower left, and you'll see my images. However, when I have those 3 above in my "Style.css", none of my images in that tag cloud will be visible....why?
      As you'll notice, with those 3 also omitted from my "Style.css" that little guy with mustache is now reappearing on all pages again......
      Signature
      Cartoons For Web | Print Projects
      {{ DiscussionBoard.errors[8769720].message }}
      • Profile picture of the author RobinInTexas
        in /wp-content/themes/twentytwelve-child-01/style.css?ver=3.7.1

        you still have

        PHP Code:
        .entry-header .entry-title {
        background-image: url(http://dc.cartoonfile.com/wp-content/themes/twentytwelve-child-01/images/dan.png); 
        You should remove the reference to the image.
        Signature

        Robin



        ...Even if you're on the right track, you'll get run over if you just set there.
        {{ DiscussionBoard.errors[8770279].message }}
        • Profile picture of the author toivo
          Robin:

          Thank you. Should I edit it to look like this?:
          .entry-header .entry-title {
          background-image: url(Index of /wp-content/themes/twentytwelve-child-01/images);

          in the "style.css"? And do these have to also appear?:

          .entry-header {
          display: none;
          }
          .entry-title {
          display: none;
          }
          .archive-title {
          display: none;
          }
          Signature
          Cartoons For Web | Print Projects
          {{ DiscussionBoard.errors[8770708].message }}
          • Profile picture of the author toivo
            See this new screenshot I made to help understand better. I previously deleted that ".entry-header" via adding:
            .entry-header {
            display: none;
            }
            .entry-title {
            display: none;
            }
            .archive-title {
            display: none;
            }
            To my style.css, but it caused my images in the tag cloud to also go hidden. As it is now, if you click the main page, go to tag cloud and click the links that take you to various pages of images . How can I delete that header and STILL ALLOW my images to be visible in the tag cloud? I can access my 2012 theme and my named customized theme or if it's in a php link in that list on right side of page, which one? Normally, I go to APPEARANCE>EDITOR>(and then where to hide/delete that header in screenshot?)
            Any clear, concise set of steps would be greatly appreciated. Or, can it still be accomplished by adding anyrthing similar to the 3 lines of code mentioned above and added to the "style.css"?
            Signature
            Cartoons For Web | Print Projects
            {{ DiscussionBoard.errors[8771191].message }}
  • Profile picture of the author RobinInTexas
    I would simply remove the line that starts with background-image: url(http://dc.cartoonfile.com/w
    Signature

    Robin



    ...Even if you're on the right track, you'll get run over if you just set there.
    {{ DiscussionBoard.errors[8772534].message }}
  • Profile picture of the author toivo
    Robin:
    Do you mean in "style.css"? Because there are actual two separate lines:

    .entry-header .entry-title {
    background-image: url(http://dc.cartoonfile.com/wp-content...images/dan.png);
    background-repeat: no-repeat;
    line-height: 7;
    padding-left: 100px;
    }
    .archive-title {
    background-image: url(http://dc.cartoonfile.com/wp-content...images/dan.png);
    background-repeat: no-repeat;
    line-height: 7;
    padding-left: 100px;
    }

    And if so, do you mean deleting all of that actual code, or just the line(s)
    "background-image: etc." and leave that code BEFORE them: .entry-header .entry-title {
    Signature
    Cartoons For Web | Print Projects
    {{ DiscussionBoard.errors[8772553].message }}
  • Profile picture of the author PongSet
    Add this to the end of your theme style.css

    body.page .entry-header .entry-title {
    display: none;
    }
    It will only remove the heading on the front page.
    {{ DiscussionBoard.errors[8772568].message }}
  • Profile picture of the author toivo
    Also: Is there anything else I could add to "style.css" to hide/delete that same image as it does still appear on my "Dan's Blog" page up on the menu if you click that . .
    Signature
    Cartoons For Web | Print Projects
    {{ DiscussionBoard.errors[8772637].message }}
  • Profile picture of the author PongSet
    it's just a matter using the correct selector

    try this to hide the heading including archive description

    Code:
    body.category-dans-blog .archive-header {
display: none;
}
    to hide only the title but keep the archive description, use this

    Code:
    body.category-dans-blog .archive-header .archive-title {
display: none;
}
    to hide only the title image but keep the title text and description, use this

    Code:
    body.category-dans-blog .archive-header .archive-title {
padding-left: 0;
line-height: inherit;
background: none;
}
    to hide the heading on all category pages (eg. automobiles, banking, etc.), use this

    Code:
    body.category .archive-header {
display: none;
}
    cheers!
    {{ DiscussionBoard.errors[8772874].message }}
    • Profile picture of the author toivo
      Hi Pongset: Thank you. I added all of those to my "style.css" and if you click "Dan's Blog", the guy with mustache still appears in that header just above my banner: "DansCartoons *ToonBlog"....I wonder what other selector could be added to eliminate that header? Otherwise, it is working slowly but surely! SEE HERE
      Signature
      Cartoons For Web | Print Projects
      {{ DiscussionBoard.errors[8773345].message }}

Trending Topics