How do I create the same format on my homepage as your demo?

[kathyshenoy]

Hi I am having problems trying to re-create some of the same elements you have on your demo homepage.

1) I’m trying to create the 4 category images with ‘SHOP ACCESSORIES’ rollover etc. I’ve figured this was done using 4 column background images and then 4 buttons with animated rollovers. I have the buttons working in the columns but every time I try to insert background images the height is cropped and images do not appear at the size I have saved them- see screen grab attached.

2) Swift slider and images- the sizing of the slider and images is really confusing me! I want the slider to be responsive for any device but I when I set the size to ‘cover’ it makes it HUGE- what size should I make the sliders to make sure they cover from edge to edge? At the moment I have them set to ‘Auto’ but it means i’ve made the original slider size about 1100 px and i’m not sure they are responsive and go exactly from edge to edge? The ‘centre’ function doesn’t seem to work here either when i use this ‘auto’ option.

3) As I’ve pulled over all my products from my previous theme all my thumbnails seem to be pixelated. Is there a quick way to re-size all the images without having to re-load each one? Even when I upload a new product, the product page image looks fine but the thumbnail looks pixelated.

4) Is simple way to turn off all the breadcrumbs on all product pages and category pages? I dont want any breadcrumbs anywhere.

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Hi

1) We used image banners on our demo, this way the images are not cropped

2) Not sure what you’re having trouble with here?

3) Go to WooCommerce > Settings > Products > Display and increase the image sizes, then use the regenerate thumbnails plugin

4) Add this to your custom css:

.woocommerce-breadcrumb {
  display: none;
}

– Kyle