Author Topic: Center Main Product Image and Thumbnails  (Read 4542 times)

Offline flyn

  • Full Member
  • ***
  • Posts: 142
  • Karma: +8/-0
    • View Profile
Center Main Product Image and Thumbnails
« 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

Offline Basara

  • Administrator
  • Hero Member
  • *****
  • Posts: 5774
  • Karma: +274/-2
    • View Profile
Re: Center Main Product Image and Thumbnails
« Reply #1 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

Offline flyn

  • Full Member
  • ***
  • Posts: 142
  • Karma: +8/-0
    • View Profile
Re: Center Main Product Image and Thumbnails
« Reply #2 on: June 05, 2014, 08:52:30 AM »
Is firebug a plugin for Firefox?

Offline Basara

  • Administrator
  • Hero Member
  • *****
  • Posts: 5774
  • Karma: +274/-2
    • View Profile
Re: Center Main Product Image and Thumbnails
« Reply #3 on: June 05, 2014, 09:10:31 AM »
Is firebug a plugin for Firefox?

yes

 

Powered by SMFPacks Social Login Mod