Unable to edit content width on individual post pages

  • Author
    Posts
  • #110843
    carmss
    Member

    Hi there,

    I just installed this theme and am having trouble editing the width of my paragraphs and images on posts pages. Example: https://carmennguyen.com/2016/08/12/twentynine-palms/

    Once you visit a post, I would like to customize the width of the text area and images. Currently the images are too small and I would like to adjust the width of the content area for the images and text. I tried setting the default full size image setting to 800px but it would not work. Can you help?

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

    #110939
    jleuze
    Theme Author

    Hi Carmen, the images are wider than the content area, but they are shrinking to fit that column. If you want to make the content area, including the images, wider you need to use custom CSS and change the max width of the row container, like this:

    .row {
        max-width: 80.5rem;
    }
    #111089
    carmss
    Member
    Original poster

    :) yay awesome, that worked!! Thank you so much for your help, I really appreciate it.

    Is there anyway to adjust the width of the text content paragraphs independent of the images?

    Many thanks,
    Carmen

    #111141
    jleuze
    Theme Author

    No problem!

    Sort of, all of the post content is in one container so it will all scale to fit that width, but you could set a narrower max-width for the images independently from the text like this:

    .entry-content img {
        max-width: 75%;
    }
    #111147
    carmss
    Member
    Original poster

    Ahh got it! Thanks for the additional info :), super helpful!

    #111152
    jleuze
    Theme Author

    You’re welcome!

  • The topic ‘Unable to edit content width on individual post pages’ is closed to new replies.