How to justify excerpt text on front page

  • Author
  • #1258636


    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


    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;


    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!


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

    p { text-align: justify !important}


    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;

The topic ‘How to justify excerpt text on front page’ is closed to new replies.