Need help? Check out our Support site, then


Removing author name from byline in Origin theme

  1. 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 larelekman.com.

  2. 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.

  3. 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.

  4. 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;
    }
  5. 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;
    }

  6. 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;
    }

  7. 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.

  8. 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!

Topic Closed

This topic has been closed to new replies.

About this Topic