Need help? Check out our Support site, then


Remove "category archives header"

  1. Hi-

    Looking for help to remove "category archives" header on site. Here are 2 page examples:
    http://salonorganic.wordpress.com/category/photo-gallery/
    http://salonorganic.wordpress.com/category/blog/

    I am using the Twentythirteen theme and I do have the CSS upgrade.

    I found a couple of threads on support but nothing worked.

    Thanks in advance for the help!

    The blog I need help with is salonorganic.wordpress.com.

  2. I can't really see a reliable way to do this because the Twenty Thirteen doesn't enclose the category name in a separate "span" element like most other themes.

    Does anyone else have any tricks up their sleeve for a change like this?

  3. Would work for you to remove the title entirely? You could do that with the following CSS:

    .archive-header {
    	display: none;
    }
  4. That's what I wanted to clarify! Maybe there is something up my sleeves, but are we sure beks323 is looking for the tricky change and not the one you just addressed?

  5. I guess we'll wait to see if they reply!

    The only other way I've thought of so far is pretty hacky… I was thinking of trying to hide the original category titles and replacing each one manually with CSS using using body class tags to target each category page separately—but I don't think it's an elegant solution and it wouldn't be easy to do if you had a ton of categories.

  6. That did the trick, thank you so much! It's not ideal to remove the category header all together, but this site shouldn't get too complex and will work for now. Maybe I will try to create some custom menu in the future. Thanks again for all of your responses & help!

  7. @designsimply (1): Since you cannot target the generic part of the heading, you can't get more elegant than that!

    @beks323: As designsimply implied, your "ideal" is easy when you only have a couple of categories. To see what she meant, replace the above code with this:

    .category .archive-title {
        font-size: 0;
    }
    .category-273 .archive-title:before {
        font-size: 30px;
        content: "Blog";
    }
    .category-21072 .archive-title:before {
        font-size: 30px;
        content: "Gallery";
    }

    @designsimply (2): What I thought of is create a mask in front of "Category archives: ", and move the whole archive header to the left (in which case I also need a replacement bg). Here it is (values based on the default version of the theme, not on beks323's customization):

    .category .site-content:before {
        background-color: #E8E5CE;
        content: " ";
        height: 6.2em;
        position: absolute;
        width: 100%;
    }
    .category .archive-header {
        background-color: transparent;
        left: -13.9em;
        position: relative;
    }
    .category .archive-title:before {
        background-color: #E8E5CE;
        color: #E8E5CE;
        content: "C";
        display: inline-block;
        margin-right: -7.225em;
        width: 7.225em;
    }

    The obvious shortcoming is that the masked part will be visible to users who set their browser to display different colors. And I'm not sure the negative margin would work accurately in all browsers.

  8. @justpi (2): that's tricky! Maybe too tricky! The mask part didn't work for me in a test but I think it's close. After mulling it over, I think deleting the whole thing is the way to go and your first example with the specific category page selectors is the next best route if someone insists on updating category page titles with CSS in Twenty Thirteen.

  9. Thanks! The mask worked in Firebug and I didn't bother to try it live. Now that I did try it live, it worked once I turned the third part to this:

    .category .archive-title:before {
    	background-color: #E8E5CE;
    	color: #E8E5CE;
    	content: "Category Archives: ";
    	display: inline-block;
    	margin-right: -7.3em;
    	position: relative;
    }

    But agree, too tricky! (It would have been simpler if the text wasn't left aligned inside a block styled margin 0 auto.) I enjoyed the exercise, though...

  10. It was good to look into this. I did also ask about changing how the category labels work in Twenty Thirteen, but it was designed as is for a reason and is meant to be blog-focused where the extra "Category Archives:" label makes sense. Hopefully the option to hide it all together will work for anyone who wants to change it.

Topic Closed

This topic has been closed to new replies.

About this Topic