By onesimpleman on

I am a new user of Drupal and have a site up and running. I am facing some style issues.
In the product module ( which is linked to the image module) When you view indvidual product pages, the image is aligned to left. How can I align it to centre.

Thank you in advance.
Kind regards
Onesimpleman

Comments

BlackSash’s picture

BlackSash commented

I'm not speaking from experience here, but i suppose the easiest way to do it is to look up the classes and/or IDs of the image you want to move around, as well as those from it's parent container; see if those contain any float declarations in the stylesheet, and if so: take those out. Then i suppose your best bet probably is to insert a margin: 0px auto; style of thing in the css declaration of the image.

onesimpleman’s picture

onesimpleman commented

I am not sure of what you suggested. Tried to do it my way and it does not work.
Thank you,
Kind regards
Onesimpleman

nevets’s picture

nevets commented

It would be easier to provide a concrete answer if you provided a link to the page in question. Then if someone was so inclined they could post the ccs you need to achieve your goal. (the css depends on the class and/or id attributes)

onesimpleman’s picture

onesimpleman commented

http://selftrading.co.uk/Drupal/carkit
This is one of the product pages and I want some help in getting the product picture centred.

Thank you
Kind regards
Onesimpleman

nevets’s picture

nevets commented

Add the following css to you styles.css file and it should center the image

.content .preview {
display: block;
text-align: center;
}
onesimpleman’s picture

onesimpleman commented

Thank you Nevets ..you are the best ..It worked
Thanks for all those who tried to help me.
regards
onesimpleman

zyara’s picture

zyara commented

it works great for image preview i hope to find fix for image center inline post too :-)