Appearance of post list – Duet Theme.

• 

  carmensan · Member · Aug 11, 2015 at 10:23 pm

  • Copy link
  • Add topic to favorites

  Hello,

  The front page of my website includes a list of my latest posts. I want to change the appearance of the list but, need some help with the css.

  I would like to
  -make each posts title display above the featured image (not underneath)
  – make the featured image centre aligned (rather than left aligned)

  Any help would be much appreciated.

  Cheers.
  Casey

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

• 

  thesacredpath · Member · Aug 12, 2015 at 4:22 am

  • Copy link

  Hi Casey, add the following to your Custom CSS.

  .home .listing-item a.image {
      float: none;
      text-align: center;
  }
  .home .listing-item a.title {
      position: absolute;
      top: 0;
      padding-top: 20px;
      border-bottom: none;
  }
  .home .listing-item {
      position: relative;
      padding-top: 100px;
      border-bottom: 1px dotted grey;
      padding-bottom: 40px;
  }