Remove items from product detail page

[jonas]

Hi Swift Team,

i previously was using Neighbourhood and following custom css to remove certain items on the product details page:

.widget_categories ul > li a:before,
.widget_archive ul > li a:before,
.widget_product_navigation ul > li a:before,
.widget_meta ul > li a:before,
.widget_recent_entries ul > li a:before,
.widget_product_categories ul > li a:before {
display: none;
}

Somehow the code is not working anymore with Cardinal.
Can you provide me the proper code to hide above items?

By the way, i guess it would be a good idea to make a list of all custom CSS code…

Jonas

[Kyle – SUPPORT]

Hi

Please could you provide me with your link and let me know what you are trying to remove

– Kyle

[jonas]

This reply has been marked as private.

[Kyle – SUPPORT]

Please add this to your custom css:

.summary-top .review-summary, .summary-top .product-navigation, #product-accordion, .summary .product_meta, .article-share.product-share.sharer-0, .single-product .product-carousel {
  display: none;
}

– Kyle

[jonas]

This worked just great!

Only one thing is missing 😉
The horizontal line between the price and the description. Is there an easy way to hide it?

Any idea on removing the white bar from the product overlay?

Jonas

[Kyle – SUPPORT]

Add this:

.summary-top {
  border-bottom: none;
}
.shop-actions {
  display: none;
}

– Kyle

[jonas]

That again worked great!
Sorry to bother but this is the last thing ;-)Promise!
There is somehow the price displayed two times… is there a way to hide the smaller one?

Jonas

[jonas]

and decrease the space between to top price and the text?

[Kyle – SUPPORT]

div.price:not(.summary-top) .amount {
  display: none;
}
.summary-top {
  margin-bottom: 30px;
  padding-bottom: 0;
}

– Kyle

[jonas]

Great! Solved!

Thanks!

Jonas

[Kyle – SUPPORT]

No problem