Move product images

[budedwards]

I have searched were to alter borders and centralise images but with no luck

 

I wish to make the images of products central and alter the borders

[budedwards]

No ideas lads, i figured this would be a simple fix but after searching through the Stylesheet and Index i've had no luck :(

[spooks]

No ideas lads, i figured this would be a simple fix but after searching through the Stylesheet and Index i've had no luck

 

 

To centralise the images u must move the description to below it, ie

 

in product_info.php

 

find:

 

<p><?php echo stripslashes($product_info['products_description']); ?></p>

replace with:

 

</td></tr><tr><td  class="smallText"><p><?php echo stripslashes($product_info['products_description']); ?></p>

 

 

to set borders etc, just use standard css methods

[budedwards]

To centralise the images u must move the description to below it, ie

 

in product_info.php

 

find:

 

<p><?php echo stripslashes($product_info['products_description']); ?></p>

replace with:

 

</td></tr><tr><td  class="smallText"><p><?php echo stripslashes($product_info['products_description']); ?></p>

 

 

to set borders etc, just use standard css methods

 

Hi Sam,

 

Thanks for your response.

 

What part of the Stylesheet.css is to be changed for borders??

[spooks]

What part of the Stylesheet.css is to be changed for borders??

 

 

download firefox and its web developer plugin, then use that to find the css of any element on a page.

[budedwards]

download firefox and its web developer plugin, then use that to find the css of any element on a page.

 

I have Firefox already, will download the plugin and try and figure it out.

 

Thanks Sam :thumbsup:

[budedwards]

Hi Sam

 

I have downloaded the plugin but in truth i think its above my knowledge.

 

Can anyone offer any further help?

 

Bud

[jigga1234]

Back up first.

 

Bud in firefox Click on the little css box in the toolbar.

 

You will get options the one you want is View Style Information.

 

When you click on this you will get a litte cross cursor instead of your usual(arrow pointer) cursor.

 

Highlight the area of the page that you are wanting to view the stylesheet information for.

 

A box will appear around that element.

 

double click and your page will split horizontally and will show a reference to where in your stylesheet.css the element selected is being styled.

 

Go to your stylesheet edit the area upload and check.

[spooks]

Hi Sam

 

I have downloaded the plugin but in truth i think its above my knowledge.

 

Can anyone offer any further help?

 

Bud

 

 

Have you installed? easiest to do that is through tools menu -> add ons -> get add ons

 

once you have done that its tools menu -> add ons -> extensions then enable it

 

You would also find firebug a usefull one to.

 

Once you have these enabled, all you have to do is place the mouse over any element on a page, press right click and 'inspect element' from the menu.

[budedwards]

Have you installed? easiest to do that is through tools menu -> add ons -> get add ons

 

once you have done that its tools menu -> add ons -> extensions then enable it

 

You would also find firebug a usefull one to.

 

Once you have these enabled, all you have to do is place the mouse over any element on a page, press right click and 'inspect element' from the menu.

 

Thanks guys i'll try it today