Use CSS to Change or Remove Byline

• 

  ucpress01 · Member · Jan 4, 2017 at 5:23 pm

  • Copy link
  • Add topic to favorites

  Hi,

  We have a blog that is almost completely made up of posts from guest authors. Guest authors submit to the blog’s editor who edits and then posts.

  Here’s the blog:
  https://fqtemporary.wordpress.com/

  Obviously, it isn’t reasonable to give each of these guest authors access to post to the site–that would create 100s of logins. However, our current theme (Zuki) shows all posts as “By Film Quarterly” which isn’t cool for post by authors as it is a mis-attributed byline.

  We are looking to do one of the following things:

  1. Ideally: Replace “Film Quarterly” with the guest author name without having to set up individual logins.

  2. Remove the byline completely (and then we’ll put “By Author Name” in the first line of the blog post)

  3. Change “By” to “Posted By” in all instances. This isn’t ideal, but we could probably work with this.

  Any help would be greatly appreciated.

  Thanks!
  Deb

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

• 

  thesacredpath · Member · Jan 4, 2017 at 8:18 pm

  • Copy link

  Hi there, to have guest authors names appear in the original position on the posts, you would need to set them up as contributors or authors.

  You can hide the author name from posts with the following CSS

  .rp-medium-one-content .entry-author {
  	display: none;
  }
  .rp-medium-one-content .entry-comments::before {
  	content: "";
  }

  and then insert the author byline manually at the beginning of each post’s content.

  To change “by” to “Posted by”, we can use the “before” pseudo class to add Posted with the following CSS.

  .rp-medium-one-content .entry-author:before {
  	content: "Posted ";
  }