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:



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 [DATE]1311815133[/DATE] at [TIME]1311815133[/TIME] ---------------

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 [DATE]1311872852[/DATE] at [TIME]1311872852[/TIME] ---------------

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.