a few questions - slider on all pages, WooCommerce image size for Dazzling

a link to my website: http://www.ibosem.co.il
sorry for my bad english images attached to help you understand what i mean :slight_smile:

question 1
how can i make the slider appear at all pages? (i want it to be attached to the my header all the time)

question 2
take a look in my product page (http://ibosem.co.il/?product=rochas-by-rochas)
the photos size are too big (the 2 images at bottom)
for the product image i added a custom css:

.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
    width: auto;

i want the bottom images to be at the same size as product image.

question 3
is it possible to add a slider inside the footer? (above the 3 widgets)

question 4
sometimes the slider gets on top of my shop, is there any fix for that?

colorlib Thank you very much for amazing free theme, i love it!

  1. This question has been answered several times and I hope you don’t mind that I will point you to one of those discussions.

  2. Add this to Appearance >> Theme Options >> Other >> Custom CSS

.woocommerce .related ul li.product, .woocommerce .related ul.products li.product, .woocommerce .upsells.products ul li.product, .woocommerce .upsells.products ul.products li.product, .woocommerce-page .related ul li.product, .woocommerce-page .related ul.products li.product, .woocommerce-page .upsells.products ul li.product, .woocommerce-page .upsells.products ul.products li.product {
  width: 24%;
  float: right;
  margin-left: 20px;
  margin-right: 0;

This will make images half the size.

  1. Yes, but for that you need to use another slider plugin as theme doesn’t support multiple sliders.

  2. Didn’t notice this issue while browsing your website. It did overall content are before site is fully loaded but there is no solution for that as it is just slow connection and server issue.

Aigars, Thanks for the fast answer!

about question 3:
which file i need to edit in order to add a slider above the footer? (as showed at Untitled-3.jpg)

You need to edit footer.php which is located in Dazzling theme root folder.

You are amazing! thank you so much!!!