Modern Clix theme post image overflow

  • Resolved thehach

    (@thehach)


    14 years, 9 months ago

    Hello, any help would be appreciated.

    my website

    The problem I am having with the Modern Clix theme is that my images disappear into the sidebar. On the Modern Clix theme homepage the author states that images up to 596px wide but I’m finding I have to make the images much smaller to fit without overflowing and disappearing into the sidebar. You can see the problem here.
    I’ve tried editing the image alignment (align left, right, center, tried them all) and the only thing working for me is to shrink the image width way smaller than 596px.
    I know the author states he is releasing a new and improved theme but that doesn’t help in the meantime. Can anyone help with how to get the images to float left, in the same way it is on the theme/author’s homepage?

    Thanks

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

  • your text before the image is too short, so that the image is ‘catching’ on the corner of the ‘no comments yet’ div.

    two choices:
    – write another line or two of text;
    or
    – add a line like this to style.css:
    .wp-caption.alignleft {clear:left;}

    not tested widely; only checked in firefox with the web develper add-on.

    Try adding:

    .aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}

    to your theme’s stylesheet.

    Thread Starter thehach

    (@thehach)

    Hi and thanks for trying to help.

    I added alchymyth’s code to my style.css file and it ‘dropped’ the image down a bit so that it doesn’t look like it’s hitting the ‘no comments’ div section. But it didn’t fix the image overflow problem.

    Then I removed alchymyth’s code and inserted esmi’s code instead into the style.css file and nothing happened at all. (I saved and updated and refreshed both instances)

    Then I tried adding BOTH suggested codes into the style.css file and played around with the alignment of the image again and still nothing. Any other thoughts?

    Thanks

    the theme does not seem to allow this easily.

    the class of the image in the clix site is:

    .full-image {
	margin-left: -15.2em;
}

    so, he is using the negative left margin to pull the image into the ’empty’ space.
    (he also mentions that his site uses a customized version of the theme)

    you could try to add this style ( .full-image ) somehow to your wp-caption div (maybe using the html editor) and using a full width image 590px wide.

    Thread Starter thehach

    (@thehach)

    Hi Guys,

    By adding 

    .full-image {
	margin-left: -15.2em;
}

    to my style.css, and specifying

    <div class="full-image">

    on my horizontal images in the html section then, along with esmi’s and alchymyth’s code it works.
    Thanks so much guys!

    This is resolved? The theme comes with basically broken images, and the solution is to go in and add div information to every single image you’ve ever posted on your blog?

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Modern Clix theme post image overflow’ is closed to new replies.