Academia Theme/Removing Category Archives

• 

  shumater · Member · Mar 2, 2014 at 2:33 am

  • Copy link
  • Add topic to favorites

  Hello. I’m trying to find out if there is some CSS code that will allow me to remove the ugly Category Archive: headings from all of my category pages. I’m using Academia theme. I’ve seen a bunch of suggestions on here pertaining to other themes, but none of them seem to do the trick with Academia.

  My blog is chickenfriedpolitics.com

  The blog I need help with is: (visible only to logged in users)

• 

  hfzrhmn · Member · Mar 2, 2014 at 11:40 pm

  • Copy link

  Hi,

  This CSS trick can do just that:

  body.archive .title-header {
  	font-size: 0;
  }
  body.archive .title-header span {
  	font-size: 40px;
  }

  The CSS above will also apply to tag archives page, like this one: http://chickenfriedpolitics.com/tag/arkansas-2014/

• 

  designsimply · Member · Mar 5, 2014 at 2:59 pm

  • Copy link

  I’ve read that “font-size: 0” can be unpredictable in browsers.
  http://webdesign.about.com/od/fonts/qt/tipfont0.htm
  http://codepen.io/stowball/details/LsICH

  However, it may be a great solution depending on how picky you are about cross browser compatibility (browsers *are* pretty smart these days and probably handle it more consistently now than they did in the past).

  Here’s an alternate solution that I’ve always used in the past. I would call this one “slightly less hacky” than the other. :)

  .category .title-header {
  	visibility: hidden;
  }
  .category .title-header span {
  	float: left;
  	visibility: visible;
  }

  @shumater, either solution should work for you. Just try them out and pick one based on whatever tests best for you. I posted the alternate solution because it’s an interesting CSS issue in my opinion and wanted to see both solutions given as options.

• 

  shumater · Member · Mar 5, 2014 at 8:03 pm

  • Copy link

  Thanks, hfzrhmn. That did the trick!!