Justify contents in Mobile

  • Resolved pegasoftcorp

    (@pegasoftcorp)


    4 years, 8 months ago

    Hi,

    I was trying to get a CSS to justify-content on mobile. I saw this code posted by Tom on a similar query:
    .entry-content,
    .entry-summary {
    text-align: justify;
    }

    However, it is applying justify to headlines as well. Is there any way to exclude H1, H2 , H3 titles from this and apply justify to paragraph contents?

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter pegasoftcorp

    (@pegasoftcorp)

    I need additional help. I have accidentally switched to a two-column layout for all posts, for desktop browsers. I want to change back to the single-column layout. Please help.
    PS: I am not using any add ons. This happened accidentally
    This happened for a different site of mine, using the same theme

    • This reply was modified 4 years, 8 months ago by pegasoftcorp.
    • This reply was modified 4 years, 8 months ago by pegasoftcorp.
    Leo

    (@leohsiang)

    Hi there,

    You would need to write separate CSS to overwrite it:

    .entry-content {
    text-align: justify;
}
.entry-content h2, .entry-content h3 {
    text-align: initial;
}

    Adding CSS: https://docs.generatepress.com/article/adding-css/

    Please open a new topic for the separate question.

    Thanks!

    Thread Starter pegasoftcorp

    (@pegasoftcorp)

    Thanks Leo.
    It worked perfectly

    • This reply was modified 4 years, 8 months ago by pegasoftcorp.
    Leo

    (@leohsiang)

    No problem ??

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Justify contents in Mobile’ is closed to new replies.