Blog large images

[Oclamora]

Hi,

I'm having an images crises with the blog section.

When inserting large images in the blog section they goes over the right boarders.

Here is a screenshot of the issue:
https://dl.dropbox.com/s/oc90twvdopvgldz/vBulletinImagesBug.jpg


I've tried the support system but they were no help at all, and I was hoping someone can.

I also, talked to Lynn and she mentioned that I need to code some css codes to control the images max-width. Unfortunately, she can't help because she is going on a vacation.

Please I need help as soon as possible.

Thank you!

BTW this post has been also posted on vb.com

[Jeff Ledger]

Please remember to provide a link to your board / in case needed also user/pass for test account.

[Lynne]

If you would post a link to the blog page so we can see the issue, we'd be able to easily write some custom CSS for you.

[Oclamora]

Hi Lynn,

Due to the forum being closed and for testing purposes only, I send you the info you need such as db info, admin login info, URL's via PM. I'll post your replies here when I receive them :)

Thank you!

--------------- Added 1311815133 at 1311815133 ---------------

Ok, here's the fix from Lynn:

add to your additional.css template to make the blog image smaller
.blogcontent img {max-width: 800px;}

That worked perfectly :)

Also, if you want to make it more dynamic "fits the user screen" you can do it this way, but you have to change the stylevar "image_large_max" value to '%100'
.blogcontent img {
max-width:{vb:stylevar image_large_max};
}

All the best!

[Oclamora]

Hi Lynn,

After some testing, I found a problem with the code. The code doesn't apply to the comments, only the entries. Any solution for that? I also have to test this, but I think the fix you gave me before for the CMS doesn't apply to the comments as will.

Thank you!

--------------- Added 1311872852 at 1311872852 ---------------

I'm trying to fix the img tag in the blog comments problem but I'm not sure if this is right?
.blogcontent img {
max-width: 800px;
}

.posttext img {
max-width: 800px;
}

[Lynne]

I would need to see a link to a blog comment with the image problem in order to write some CSS.