• WordPress.com
  • Forums
  • Plans & Pricing
  • Log In
  • Get Started
  • WordPress Hosting
  • Domain Names
  • Website Builder
  • Create a Blog
  • Newsletter
  • Professional Email
  • Website Design Services
  • Commerce
  • Enterprise
  • Overview
  • WordPress Themes
  • WordPress Plugins
  • WordPress Patterns
  • Google Apps
  • WordPress.com Support
  • News
  • Website Building Tips
  • Business Name Generator
  • Logo Maker
  • Popular Topics
  • Daily Webinars
  • Learn WordPress
Get Started
  • Sign Up
  • Log In
About
  • Plans & Pricing
Products
  • WordPress Hosting
  • Domain Names
  • Website Builder
  • Create a Blog
  • Newsletter
  • Professional Email
  • Website Design Services
  • Commerce
  • Enterprise
Features
  • Overview
  • WordPress Themes
  • WordPress Plugins
  • WordPress Patterns
  • Google Apps
Resources
  • WordPress.com Support
  • News
  • Website Building Tips
  • Business Name Generator
  • Logo Maker
  • Popular Topics
  • Daily Webinars
  • Learn WordPress

WordPress.com forums

Get help with WordPress.com, the free blogging platform, and the WordPress.com apps.

en WordPress.com Forums Moving author by-line to top of posts

Moving author by-line to top of posts

  • labishop29 · Member · Mar 18, 2013 at 9:59 pm
    • Copy link Copy link
    • Add topic to favorites Add topic to favorites

    Hello,

    Currently the author by-line is at the bottom of our blog posts, is there a way to move it to the top of the post (below the title)?

    Here is our most recent post: http://nyudri.org/2013/03/18/the-woman-who-would-not-shut-up/

    We are using the Bueno theme.

    Thanks!

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

  • siobhyb · Member · Mar 31, 2013 at 11:30 pm
    • Copy link Copy link

    To move the author by-line to the top of the post and below, insert the following into your custom CSS:

    .post-meta {
    position: absolute;
    top: 7.5em;
    }

    You will also need to include the following code snippet to bring the content of the blog below the newly positioned author by-line:

    .entry {
    margin-top: 5.5em;
    }

    Hope this provides you with your desired result! Let me know if there’s any further help you need with this.

  • thesacredpath · Member · Apr 2, 2013 at 8:23 pm
    • Copy link Copy link

    The above moves categories up there also, which with position absolute can cause problems if you end up with enough categories to take things to a second line.

    If you want to move the author byline only up to the top, this will do it for you and you will not have the potential problem with the categories.

    .post-meta .author {
    position: absolute;
    top: 9em;
    border-left: none;
    }
    
    .entry {
    margin-top: 4.5em;
    }
  • labishop29 · Member · Apr 2, 2013 at 9:03 pm
    • Copy link Copy link

    Thanks everyone! I will give this a try.

  • thesacredpath · Member · Apr 2, 2013 at 9:06 pm
    • Copy link Copy link

    You are welcome.

  • siobhyb · Member · Apr 3, 2013 at 6:12 pm
    • Copy link Copy link

    @thesacredpath Thanks for correcting me! Hadn’t thought about the problems the categories might cause.

  • thesacredpath · Member · Apr 3, 2013 at 7:34 pm
    • Copy link Copy link

    @siobhyb, the only reason I thought of it was that I did the same thing a while ago where they had some posts with enough categories to go to a second and third line.

    This is always a tag team thing here in the forums, and you’ve surprised me with a couple of your ingenious solutions. You will most surely be catching me with something too. :)

  • The topic ‘Moving author by-line to top of posts’ is closed to new replies.

Tags

  • author
  • blog post
  • by line
  • CSS

About this topic

  • In: Support
  • 3 participants
  • 6 replies
  • Last activity 12 years
  • Latest reply from labishop29
Advertisment

WordPress.com

WordPress.com WordPress.com Logo

Products

  • WordPress Hosting
  • Domain Names
  • Website Builder
  • Create a Blog
  • Professional Email
  • P2: WordPress for Teams
  • Website Design Services
  • Enterprise Solutions

Features

  • Overview
  • WordPress Themes
  • WordPress Plugins
  • WordPress Patterns
  • Google Apps

Resources

  • WordPress.com Support
  • WordPress Forums
  • WordPress News
  • Website Building Tips
  • Business Name Generator
  • Logo Maker
  • Discover New Posts
  • Popular Tags
  • Blog Search
  • Daily Webinars
  • Learn WordPress
  • Developer Resources

Company

  • About
  • Partners
  • Press
  • Terms of Service
  • Privacy Policy
  • Do Not Sell or Share My Personal Information
  • Privacy Notice for California Users

Language

Mobile Apps

  • Download on the App Store
  • Get it on Google Play

Social Media

  • WordPress.com on Twitter Twitter Icon
  • WordPress.com on Facebook Facebook Icon
  • WordPress.com on Instagram Instagram Icon
  • WordPress.com on YouTube Youtube Icon
An Automattic thingamajig
Work With Us
    • WordPress.com Forums
    • Customize
    • Sign up
    • Log in
    • Copy shortlink
    • Report this content
    • Manage subscriptions