How to change the article layout...

[Attila]

Hi,

i use templates/xhtml/article/default.tpl article layout in vivvo v4.5.2

How to change the layout, that the article body text begins below the picture, and will placed to left (valign=left), instead as i have now, with about 50 pxl space from left?

Se the attached picture.

http://www.haboportalen.se/files/banners/article_762935410.jpg

Thx

[Micha]

:confused: ugh, not sure if I quite understood what you want to do.

Anyway, here goes my guess :)

For that lef 50px space, you need to edit style.css, find following selector - #article_body p, and instead of left padding of 50px, just place 0px.

As far as the image and body text, find following selector in same file as above- #article_holder .image , and instead of float:left; place float:none;

That will place entire text bellow the image, including abstract (bold in screenshot) text.

If you wish to leave abstract text next to image, and drop only article text, than edit your article/default.tpl, and add <div class="clearer"> </div> right above <vte:value select="{article.get_body}" />

Hope this is what you're looking for.

[Attila]

Thx for help!

The second issue is solved ( drop only article (excl. abstrqact) text below the image).
But the first issue is still there..

Just se how it is now:
http://www.haboportalen.se/nyheter/sport/3294-fina-resultat-i-helgen-for-balsta-ik.html

...and compare with the image (desired goal) above.


I changed the themes/default/css/style.css file, especially the line

#article_body p {margin:0; padding:0 0 10px 50px;}

Changed 50to 0 but nothing happened....tried change even font size but nothing changed on the article body....

Try I edit right file?

Or...i remember..when I changed a .css file before, the changes was visible first after a couple of minutes...not directly, maybe i have to wait to see????

[Attila]

Thx for help Micha, it works!

[Micha]

If you have some type of cache enabled, than you need to clear cache every time you make changes to your CSS files.

I myself, always turn the cache option off when I'm working on my CSS files.