Removing author name from byline in Origin theme

• 

  larelekman · Member · May 12, 2012 at 3:25 am

  • Copy link
  • Add topic to favorites

  Hello,

  I would like to remove author name and the “edit” link from my blog’s byline, while keeping the posted date and category tags.

  All pointers are greatly appreciated!

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

• 

  timethief · Member · May 12, 2012 at 3:29 am

  • Copy link

  Have your purchaed the custom design upgrade and is this a CSS editing question? I’m asking as it can’t be done without the upgrade.

• 

  timethief · Member · May 12, 2012 at 3:30 am

  • Copy link

  BTW the “edit” link is visible only to you when you are logged in. It’s an Admin edit link that cannot be seen by visitors.

• 

  thesacredpath · Member · May 12, 2012 at 4:04 am

  • Copy link

  The author’s name can be removed with CSS, but “Kirjoittanut” (written by) cannot since it is lumped in with the date (no separate selector). The following will get rid of the author’s name.

  .author {
  display: none;
  }

• 

  larelekman · Member · May 12, 2012 at 3:27 pm

  • Copy link

  Thank you timethief and thesacredpath! I do have the CSS option and admin rights.

  I found out the CSS trick below that completely hides the “Written by” and “Edit” parts while keeping the post date and category keywords visible.

  You can see the result at http://larelekman.com. It however doesn’t show the “Categorie(s):” text label, but is simplistic and close enough.

  .byline {
  visibility:hidden;
  width:130%;
  }

  .byline .published {
  visibility:visible;
  float:left;
  padding-right:5px;
  }

  .byline .category {
  visibility:visible;
  float:left;
  padding-right:5px;
  }

  .byline .author,.edit {
  display:none;
  }

  .byline a {
  visibility:visible;
  float:left;
  padding-right:5px;
  }

• 

  larelekman · Member · May 12, 2012 at 5:15 pm

  • Copy link

  After some digging, you can actually add the missing text labels with CSS also. Add this after the previous CSS:

  .byline .published:before {
  content:”Posted on”;
  float:left;
  padding-right:3px;
  }

  .byline .published:after {
  content:”in categories:”;
  float:left;
  padding-right:3px;
  }

• 

  thesacredpath · Member · May 12, 2012 at 6:59 pm

  • Copy link

  You should know that with this complex solution, it might not work in all browsers. I’ve seen Internet Explorer flip out on things like this and ignore it all.

  Also, visibility: hidden; can be looked on suspiciously by search engines since those that try to “game” the search engine to appear higher in search results have used it a lot in the past to hide SEO tricks from people but make it available for search engines.

  In particular, I don’t thing IE7 or IE8 will know what to do with the :before and :after and content stuff, so just be aware that your carefully crafted changes above will likely not be seen by everyone.

• 

  larelekman · Member · May 14, 2012 at 12:55 pm

  • Copy link

  Yes, the CSS is definitely complex, yet it produces a clean and simplistic output – at least on the latest Chrome, Safari, IE8, and iPhone browsers.

  The SEO issue is a more serious one, and I will need to consider it further.

  Thank you sacredpath, and have a great week!