Converting site to Bootstrap

  • Posts: 100
  • Thank you received: 2
11 years 4 months ago #108295

Hi,

I am trying to convert an existing site to Bootstrap so the shopping cart will be available on mobile devices and I am having a few styling issues. I am using a testing site here:

mycrabbysister.com/amy/

The live site is here: amykandco.com/

On the live site (not using Bootstrap) the product page has been styled in three columns with thumbnails on the left, product image in the middle and price on the right. On the Bootstrap-enabled site, the product image overlaps the price and I can't figure out where to change the css to fix it.

I have attached two screen shots and any help would be appreciated.

Attachments:

Please Log in or Create an account to join the conversation.

  • Posts: 82759
  • Thank you received: 13346
  • MODERATOR
11 years 4 months ago #108368

Hi,

You should change the span6 class of both the hikashop_product_left_part and hikashop_product_right_part blocks to span8 and span4 respectively via the edition of the file "show_default" via the menu Display>Views and then increase the width of the hikashop_main_image_div div via CSS.

Please Log in or Create an account to join the conversation.

  • Posts: 100
  • Thank you received: 2
11 years 4 months ago #108454

Thanks! I never would have figured that out by myself.

Thanks so much!

Please Log in or Create an account to join the conversation.

Time to create page: 0.055 seconds
Powered by Kunena Forum