Article img

[f9eel]

hi
I want the image of the center subject

no
http://img514.imageshack.us/img514/3647/nofo6.th.jpg (http://img514.imageshack.us/my.php?image=nofo6.jpg)

yes
http://img88.imageshack.us/img88/1426/yesda7.th.jpg (http://img88.imageshack.us/my.php?image=yesda7.jpg)

How?

I want to image in the centre and the subject at the bottom

thank you:rolleyes:

[Micha]

Go to your default template for article page and somewhere around line 39 find this div:
<div class="image" style="width:{VIVVO_ARTICLE_MEDIUM_IMAGE_WIDTH}px;">
Remove this from that div:
style="width:{VIVVO_ARTICLE_MEDIUM_IMAGE_WIDTH}px;"

Next go to style.css you use for your theme and find this class:

#article_holder div.image img {
float: left;
padding: 4px;
margin-right: 6px;
border: 1px solid #cccccc;

}

Remove float: left; property.

Next add this class to your style.css:

#article_holder div.image { text-align: center;}

Next find this class:

#article_holder div.image span.image_caption { font-size: 11px; line-height:normal;}

Add property display:block; to this class.

This should give you center aligned image on your article page.

[f9eel]

hiiiiiii

Thank you very

Very beautiful but there is a problem :)

look

1
http://img262.imageshack.us/img262/8378/39507293ay2.th.jpg (http://img262.imageshack.us/my.php?image=39507293ay2.jpg)

2
http://img262.imageshack.us/img262/6723/14158123ao0.th.jpg (http://img262.imageshack.us/my.php?image=14158123ao0.jpg)

[Micha]

I think that image caption is causing the problem here.
Did you added display: block; property for this?

[f9eel]

I did not understand because I used the translation google :(

Is there a solution or a back as was previously?

Please help I want solution :confused:

Step by step and I am with you :cool:

[Micha]

Replace this:

#article_holder div.image span.image_caption { font-size: 11px; line-height:normal;}

With this:

#article_holder div.image span.image_caption { font-size: 11px; line-height:normal; display:block; }

[f9eel]

There is only one problem

vacuum
look

Currently
no
http://img82.imageshack.us/img82/1171/nopr5.th.jpg (http://img82.imageshack.us/my.php?image=nopr5.jpg)

I want this
yes
http://img219.imageshack.us/img219/2608/yesqh4.th.jpg (http://img219.imageshack.us/my.php?image=yesqh4.jpg)

thank you

[Micha]

This requires advanced CSS coding.
If you are not familiar with CSS, I suggest you hire a professional to do the job for you.

If you want, you can try to find one on our Vivvo Marketplace forum:

http://www.vivvo.net/forums/forumdisplay.php?f=16