Move Author Byline from bottom to top

• 

  timfalco · Member · Apr 4, 2019 at 5:55 pm

  • Copy link
  • Add topic to favorites

  I would like to move my author byline to the top of the post, using CSS.

  The post in question is https://redrepertoire.com/2019/04/03/eternal-atake-creeps-ever-closer-following-money-keep-coming-leak/

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

• 

  gemmacevans · Member · Apr 5, 2019 at 11:43 am

  • Copy link

  Hi timfalco,

  While CSS can be used to make style changes, it can’t be used to reorder elements on a page — the Floral theme is only designed to display an author bio underneath the post.

  However, I’ve come up with a workaround for displaying an author name at the top of posts. Please paste the following CSS in to My Sites > Customise > CSS:

  /* adds author name to the top of posts */
  .entry-meta::after {
        content: "author name";
        color: #888;
        font-size: 13px;
        font-size: 1.3rem;
        margin-left: 25px;
  }
  
  /* moves author name under comments on mobile */
  @media only screen and (max-width: 600px) {
        .entry-meta::after {
  		display: block;
  		margin-left: 0;
        }
  }

  Does that help? You’re welcome to reply here or start a chat if you need any more help :)