Set the blog post text width

  • amill66

    (@amill66)


    10 years, 10 months ago

    How can I Set the blog post text width to the same pixels as my blog pictures are set (650px) so that it fits perfectly below on my posts as opposed to flows over on the right. \

    Right now we are manually adjusting the text and it doesn’t flow properly on mobile responsive devices.

    Thanks in advance!

Viewing 7 replies - 1 through 7 (of 7 total)
  • rdellconsulting

    (@rdellconsulting)

    10 years, 10 months ago

    Site Link?

    Thread Starter amill66

    (@amill66)

    10 years, 10 months ago

    plan-itvicki.com

    rdellconsulting

    (@rdellconsulting)

    10 years, 10 months ago

    May need to adjust, but the general answer would be:

    .entry-content p {
max-width: 650px;
}

    But for responsiveness, better to use % rather than px on width selectors eg max-width: 40%

    Thread Starter amill66

    (@amill66)

    10 years, 10 months ago

    That affects the mobile too though. Mobile should be 100%. It also affects all content not just posts. Is there a way to just have it affect the posts on non mobile sites for 78%?

    Thread Starter amill66

    (@amill66)

    10 years, 9 months ago

    Any other ideas to help with this to correct this on the blog posts only?

    rdellconsulting

    (@rdellconsulting)

    10 years, 9 months ago

    You’ll need to use @media

    Thread Starter amill66

    (@amill66)

    10 years, 9 months ago

    That doesn’t solve the issue. I put
    @media
    .entry-content p {
    max-width: 100%;
    }
    }

    .entry-content p {
    max-width: 78%;
    }

    mobile still 78% and pages are not at 100% either. The only thing I want to do is to have the posts text fit below my post pic in the blog at 650px or 75%. Not mobile, not pages, just posts…

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Set the blog post text width’ is closed to new replies.