awesome theme – post title before gallery on homepage

• 

  mohomey · Member · Feb 16, 2014 at 4:27 am

  • Copy link
  • Add topic to favorites

  On my homepage, I’d like to make the post title appear before the post (image or gallery), instead of after. How can I make this happen?

  I’m working on http://mohiniandneel.com.

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

• 

  designsimply · Member · Mar 1, 2014 at 8:35 pm

  • Copy link

  You can make modifications to themes at WordPress.com using CSS if you have purchased the Custom Design upgrade.
  https://store.wordpress.com/premium-upgrades/custom-design/

  Here is an example to get you started. It only makes adjustments to screens that are 800 pixels or wider because the theme is responsive and the layout changes in different ways at smaller widths.

  @media (min-width: 800px) {
  header.entry-header {
  	position: absolute;
  	top: -40px;
  	left: 0;
  	width: 100%;
  }
  .post {
  	padding-top: 120px;
  }
  }

• 

  mohomey · Member · Mar 31, 2014 at 5:54 am

  • Copy link

  I have purchased the Custom Design upgrade. Unfortunately, this custom CSS code does not work, even in wide screen: this code moves ALL of the post titles move to the top of the page so that they’re all a jumble of overlapping post titles. What I need is to move each post title above that posts image. So instead of the page order being [image 1] [title 1] [image 2] [title 2]…etc, the page order becomes [title 1] [image 1] [title 2] [image 2]… etc. Does that make sense? Please help, thanks!

• 

  designsimply · Member · Mar 31, 2014 at 3:30 pm

  • Copy link

  You’re right! I know I tested it before and it looked good. My test must have been on a page that only had one post or possibly another setting changed in the mean time that I didn’t account for. Sorry about that!

  What I need is to move each post title above that posts image.

  The only thing that’s needed to make the previous example work is to add “position: relative;” to the “.post” rule so that the absolute positioning of the titles applies to each post separately instead of to the whole page container.

  Can you give this example a try? It just has that one modification and should fix the problem with all the titles getting stuck in the same spot at the top of the home page:

  @media (min-width: 800px) {
  header.entry-header {
  	position: absolute;
  	top: -40px;
  	left: 0;
  	width: 100%;
  }
  .post {
  	position: relative;
  	padding-top: 120px;
  }
  }