tibby

Great thank you.

I have got all the CSS worked out and it does what I required

.page-id-3180 .site-header .widget_product_search {
  display: none;
}

.page-id-3180 .storefront-primary-navigation {
display: none;
}

.page-id-3180 .woocommerce-breadcrumb {
display: none;
}

.page-id-3180 .summary h2 {
display:none;   
}

.page-id-3180 .product_meta {
   display: none;
}

.page-id-3180 .woocommerce-tabs {
   display: none;
}

.page-id-3180 .related.products {
    display: none;
}

.page-id-3180 p.stock.in-stock {
    display: none !important;
}

.page-id-3180 .quantity input[type="number"] {
    display: none !important;
}

.page-id-3180 .sharedaddy {
    display: none;
}

.page-id-3180 button.single_add_to_cart_button.button,
.page-id-3180 a.button.add_to_cart_button.product_type_simple  {
    display: none !important;
}

.page-id-3180 p.stock.out-of-stock {
    display: none;
}

I currently have this added under the css box in the customiser but I am guessing this will load with every page and slow things down (I have 8 pages I want to add the above code for). Is there a simple way for me just to call this custom CSS for the page it applies to?

Thanks