CMS home page Viewing problem

[Xencored]

Hello

Right now, when viewing the Section, my articles appear like this

http://www.myanimeisland.com/nonesiteimages/badcms.png

with the first image on the left and the page text on the right. I would like the preview to appear like this

http://www.myanimeisland.com/nonesiteimages/goodcms.png

which is the way my article is formatted up to the page break. So, I would like the preview break to simply show where the preview 'stops' and have the article preview formatted on the Section page exactly how it is formatted on my article page.

Thanks alot!



Please anyone know this is a big problem for me on my site :(

[Xencored]

Bumb anyone know ?

[Lynne]

Do you always want the image on the top instead of on the left? If it's just a matter of placing the image, try adding this to additional.css:
/* CMS image on top/center, text align left */
.cms_article_preview_image {float:none;}
.article_preview div.fullwidth {text-align: center;}
.article_preview div.fullwidth div {text-align: left;}

If you need the preview to take the styling from how you have it styled in the article, then that is probably going to be a bit more involved.

[Xencored]

Do you always want the image on the top instead of on the left? If it's just a matter of placing the image, try adding this to additional.css:
/* CMS image on top/center, text align left */
.cms_article_preview_image {float:none;}
.article_preview div.fullwidth {text-align: center;}
.article_preview div.fullwidth div {text-align: left;}

If you need the preview to take the styling from how you have it styled in the article, then that is probably going to be a bit more involved.

Awesome thanks its getting there
is there a way to show the image bigger and show say 3 max?

Thanks Lynne

[Lynne]

Showing more images will require quite a bit of coding (right now, only the first image link is saved). Making it bigger just requires adjust properties in the class ".cms_article_preview_image". Go do a search for that and you'll see what stylevars effect it and then change them.

[Xencored]

Showing more images will require quite a bit of coding (right now, only the first image link is saved). Making it bigger just requires adjust properties in the class ".cms_article_preview_image". Go do a search for that and you'll see what stylevars effect it and then change them.

Awesome Thanks
i found this

.cms_article_preview_image {
border:{vb:stylevar vbcms_article_preview_image_border};
outline: {vb:stylevar vbcms_article_preview_image_outline};
float:{vb:stylevar left};
margin:{vb:stylevar vbcms_article_preview_image_margin};
max-height:{vb:stylevar vbcms_article_preview_image_maxSize};
max-width:{vb:stylevar vbcms_article_preview_image_maxSize} !important;
_width:{vb:stylevar vbcms_article_preview_image_maxSize}; /*IE6*/

Than i found the "vbcms_article_preview_image_maxSize " and Change the Size and all is working!!

Thanks you!