Custom CSS example to move around theme layout?

• 

  caiusshaw · Member · Mar 10, 2012 at 4:32 pm

  • Copy link
  • Add topic to favorites

  Is there an example of CSS to move the meta data from the left side bar to above the posts. I am customising the Blogum theme and am relatively new to CSS. Alternatively is there somewhere with a clear explanation about layout?

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

• 

  caiusshaw · Member · Mar 10, 2012 at 4:36 pm

  • Copy link

  P.s. Site in question is theartshopandchapel.wordpress.com

• 

  designsimply · Member · Mar 21, 2012 at 1:18 pm

  • Copy link

  In the Blogum theme, the post meta data you’re referring to looks like this: http://cl.ly/FDM6/o

  Try this as a starting point to line up all the post meta elements in one row along the top of posts and see if it’s the kind of thing you’re looking for:

  .post-meta {
  width: 100%;
  }
  
  .post-meta * {
  float: left;
  }
  
  .post-categories, .comments-link, .post-edit {
  background: none;
  margin: 0;
  padding: 0;
  }

• 

  caiusshaw · Member · Mar 28, 2012 at 4:17 pm

  • Copy link

  Thanks designsimply that’s what I was after, so simple when you know how!