Remove just the 'Category archive' bit from Triton lite

• 

  loosegroupartists · Member · Oct 10, 2013 at 10:48 am

  • Copy link
  • Add topic to favorites

  Hi CSS gurus,

  I wondered- is it possible to remove the category archive bit from my website? I’d ideally like to keep the category title ie.’ Features’ on this page http://loosegroupartists.com/category/features/ but the archive bit looks a bit messy. Could I possibly left-align the Features bit too?

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

• 

  justpi · Member · Oct 10, 2013 at 11:45 am

  • Copy link

  Try this:

  .category .archive-title {
      font-size: 0;
  }
  .category .archive-title em {
      font-size: 20px;
  }

• 

  loosegroupartists · Member · Oct 10, 2013 at 11:56 am

  • Copy link

  Worked a treat to get rid of the category archive bit! Is there a way to show the category descriptions too (or is it not available in Triton lite?)

• 

  justpi · Member · Oct 10, 2013 at 1:27 pm

  • Copy link

  If you mean make them show automatically, no: very few themes display category descriptions, and TL isn’t one of them. The only thing you can do, if your categories aren’t too many, is use CSS editing to insert each description manually. Are you interested in this?

• 

  loosegroupartists · Member · Oct 10, 2013 at 2:09 pm

  • Copy link

  Hi Justpi, that sounds fine- if it’s possible then I am happy with some CSS- there aren’t too many cats: Features, Technical, reviews, comment, how we do, loosegroup shows. Is that something that can be done?

• 

  justpi · Member · Oct 10, 2013 at 3:59 pm

  • Copy link

  You need to add a separate piece of CSS for each category page, for example (features category):

  .category-9548 .archive-title:after {
      content: "ENTER DESCRIPTION HERE";
  }

  (Do you know how to find the category ID numbers?)

  Plus a piece of CSS to take care of the styling of all these additions – something like this:
  `.category .archive-title:after {
  display: block;
  font-size: 16px;
  }`
  (You might need additional properties and values, for instance to change the color or increase the available space.)

• 

  justpi · Member · Oct 10, 2013 at 4:00 pm

  • Copy link

  .category .archive-title:after {
  display: block;
  font-size: 16px;
  }

• 

  loosegroupartists · Member · Oct 11, 2013 at 11:32 am

  • Copy link

  Justpi- I can’t thank you enough- it looks great!

  One other minor thing- is is possible to take off the italics in the category name? I tried text transform: none and it didn’t work. No problem if not (I am just being fussy). Thanks so much for all of your help!

• 

  justpi · Member · Oct 11, 2013 at 12:28 pm

  • Copy link

  You’re welcome!
  The text-transform property controls capitalization. You need this instead:
  font-style: normal;

  To familiarize yourself with the various CSS properties, you can start studying webpages such as these:
  http://reference.sitepoint.com/css/propertyref
  http://www.w3schools.com/cssref/default.asp

• 

  loosegroupartists · Member · Oct 11, 2013 at 2:15 pm

  • Copy link

  Thanks so much (again) and for the pages- I will have a good read as it’s so handy to know. My site looks great now. All the best.