AbanteCart Community

AbanteCart Development => Customization help => Topic started by: flyn on June 02, 2014, 09:32:35 AM

Title: Center Main Product Image and Thumbnails
Post by: flyn on June 02, 2014, 09:32:35 AM

Hello again. I am making some good progress on our site. I am using Firefox built in tools to Inspect Elements and have been looking at the different .css classes.

I have not been able to pinpoint the exact .css code in where I can center the main product image that is zoomable and the small thumbnails below it.

Here is a sample product page: http://m.kleinerts.com/test/dress-shields/on-and-off-dress-shield-for-regular-sleeve-lengths

I recommend seeing it using your phone as that is how I am developing it. Everything should stay centered and you would not have to scroll left or right to see more content.

You can also use this website: http://mattkersley.com/responsive/ - Paste my URL in the input box and hit enter you will see if you choose device sizes iPhone and the site in there.

Thanks

Title: Re: Center Main Product Image and Thumbnails
Post by: Basara on June 05, 2014, 08:05:37 AM

 We suggest check firebug tool in firefox to inspect CSS and HTML. It i better than FireFox Inspect Elements tool

Title: Re: Center Main Product Image and Thumbnails
Post by: flyn on June 05, 2014, 08:52:30 AM

Is firebug a plugin for Firefox?

Title: Re: Center Main Product Image and Thumbnails
Post by: Basara on June 05, 2014, 09:10:31 AM

Quote from: flyn on June 05, 2014, 08:52:30 AM

Is firebug a plugin for Firefox?

yes