How to justify excerpt text on front page

• 

  misoramenchan · Member · May 5, 2013 at 9:26 pm

  • Copy link
  • Add topic to favorites

  Hi,

  I was wondering if anyone knew the CSS code so that all the excerpts on the front page (which I have added using the ‘excerpt’ box in the post dashboard, not the ‘read more’ function) is justified.

  At the moment the text is centered.

  I am using the Triton Lite theme.

  Many thanks in advance.

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

• 

  thesacredpath · Member · May 6, 2013 at 2:16 am

  • Copy link

  That is the title of the post, not the excerpt. The following will justify the titles on the main page, but I don’t think you will like the result.

  .home h2.postitle {
  text-align: justify !important;
  }

• 

  misoramenchan · Member · May 6, 2013 at 9:02 am

  • Copy link

  Hi,

  Sorry I should have said that I had hidden away the excerpts for now with

  triton-lite-excerpt display; none

  Is there no way of justifying the excerpt text?

  Thank you!

• 

  misoramenchan · Member · May 7, 2013 at 9:40 am

  • Copy link

  Oh I think I may have worked it out, is it something like this?

  p { text-align: justify !important}

• 

  designsimply · Member · May 7, 2013 at 3:53 pm

  • Copy link

  The specificity has to match what is in the theme. For example, if you look at the CSS with your browser tools, you will see that “text-align: center;” is setup for the selector “.lay1 > div p” Your rule with just “p” as the selector is less specific. If you match the selector used by the theme, it should work:

  .lay1 > div p {
  	text-align: justify;
  }