Post images overlapping sidebar

  • Resolved emilyhein727

    (@emilyhein727)


    10 years, 7 months ago

    Ever since I updated my website to the latest version of the theme, I am having problems with pictures appearing too large and overlapping into the sidebar, even though they are showing up in Editor as perfectly aligned. This did not happen previously with the older version.

    Example: https://www.zenandspice.com/cherries-roundup/ See how big those pictures are? They are completely overlapping into the sidebar. I want them to fit into the post body without overlapping the sidebar.

    I don’t want to have to go through and resize the pictures in all of my posts as I have over 150 posts and this would take hours.

    Does anyone have any solutions for this problem?

Viewing 11 replies - 1 through 11 (of 11 total)
  • Theme Author Fruitful Code

    (@fruitfulcode)

    emilyhein727,

    Already replied via email.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    What was the answer?

    Theme Author Fruitful Code

    (@fruitfulcode)

    emilyhein727,

    I found your problem in Firefox and IE

    You can fix if you edit style.css file or you can add changes in theme options > custom css

    Link to github

    .site-content .entry-content p a img, .site-content .entry-content p img {
    height: 100%;
    max-width: 100%;
    width: 100%;
}
    img.size-full {
width:auto !important;
max-width: 100%;
 }
    Thread Starter emilyhein727

    (@emilyhein727)

    Thank you for finding the problem, I am very new at coding and am not sure what to do with these two codes. Where do I put them?

    Theme Author Fruitful Code

    (@fruitfulcode)

    emilyhein727,

    Appearance > Theme options > Custom css

    or you can edit style.css file in theme folder like here

    Thread Starter emilyhein727

    (@emilyhein727)

    Do I just paste those two codes into the custom css?

    Thread Starter emilyhein727

    (@emilyhein727)

    I pasted those two codes into the Theme options > custom css and the issue is still present.

    Theme Author Fruitful Code

    (@fruitfulcode)

    emilyhein727,

    I inspect your website source code and don’t see your changes.

    Thread Starter emilyhein727

    (@emilyhein727)

    I deleted them because I didn’t see any changes. I will insert them into the Theme options > custom css right now.

    Theme Author Fruitful Code

    (@fruitfulcode)

    emilyhein727,

    Something strange with your images. Try to remove !important

    img.size-full {
width:auto;
max-width: 100%;
 }
    Thread Starter emilyhein727

    (@emilyhein727)

    Ok, I think the pictures in posts are fixed. Thank you.

    I am having another problem with images not centering when I click the “center” icon in Editor.

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Post images overlapping sidebar’ is closed to new replies.