Deleting 'category archives' using oxygen theme

• 

  siobhanmorton · Member · Oct 9, 2014 at 3:04 pm

  • Copy link
  • Add topic to favorites

  Hi,

  I’d like to delete the words ‘category archives’ in lieu of the name of each category, but can’t figure out how to do this. i’m using the oxygen theme for my blog: http://shivviesscene.com/category/adventures/

  I have the custom design upgrade.

  The blog I need help with is shivviesscene.com.

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

• 

  hallluke · Member · Oct 9, 2014 at 3:47 pm

  • Copy link

  This should work, try adding it to your custom CSS and let me know if you run into any problems:

  body.category.archive h1.page-title {
    visibility:hidden;
    line-height:0em;
  }
  
  body.category.archive h1.page-title span {
    visibility:visible;
    line-height:1em;
    display:block;
  }

• 

  siobhanmorton · Member · Oct 9, 2014 at 7:29 pm

  • Copy link

  Amazing! Thank you so much, it’s worked! :)

• 

  muddyhubcap · Member · Oct 18, 2014 at 12:10 am

  • Copy link

  along this same line, in Academica, I would like to remove the words Category Archive: that is automatically put in the heading when going to a Category.

  I tried the code you suggested above and it did not do anything. Likely because it is a different theme.

  the Blog is http://www.gadoliniumtoxicity.com. Categories are listed on the Viewpoints page. Thanks

• 

  timethief · Member · Oct 18, 2014 at 12:12 am

  • Copy link

  @muddyhubcap
  Know that all CSS editing is theme specific editing and click this link https://en.forums.wordpress.com/forum/css-customization#postform to create you own thread for the theme you use ie. Academica.

• 

  hallluke · Member · Oct 18, 2014 at 8:06 am

  • Copy link

  Here’s the code to add to the text area via Appearance > Customize > CSS:

  .archive.category .title-header {
    visibility:hidden;
    line-height:0;
  }
  
  .archive.category .title-header span {
    visibility:visible;
    display:block;
    line-height:1.15em;
  }

  If you want the same effect on your other archive pages (the ones for tags/dates/authors/etc. then you can just delete the .category bit from both rules.

• 

  muddyhubcap · Member · Oct 18, 2014 at 1:40 pm

  • Copy link

  hallluke – that was perfect advice. It worked. Plus I was able to figure out how to use the ::after pseudo element to add a word at the end of the Category Name so that it reads better for our application. And by using category-specific CSS entries, I can change that word based on the category. I am really pleased.

  go here: http://gadoliniumtoxicity.com/category/advocacy/
  and then select the New Visitors category to see the results.

• 

  hallluke · Member · Oct 18, 2014 at 2:02 pm

  • Copy link

  Oh that’s clever! I like it!