Remove Dash on Featured Products

[abfchgirlx]

Hi There!

I have a problem with getting our CSS to work on all our pages, and not just one page.

On our main blog page, we have a section called "Featured Products" which shows a list of products with no prices, or titles. We somehow successfully removed the dash for "featured products" underneath the the featured image located in our sidebar. Nothing is visible but the image which is exactly what we wanted it to appear like.

See here: http://www.fallfordesign.com/blog/

However, on individual category/individual pages, the dash appears under the featured images, in our "featured products" located in the sidebar.

https://www.fallfordesign.com/category/business-related/

We're not sure why the CSS works on one page, and the other pages do not? This is the code we used for to hide the text under the featured product page (included that odd dash);

/** Sidebar Title Overflow **/
.sidebar .woocommerce ul.cart_list li {
    clear:both;
    text-align: center;
 font-size: 1em;
    margin: 0;
    padding: 0.5em 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 1% !important;
   width: 350px;
overflow:hidden;
}

.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img {
width: 100% !important;
}

.sidebar .woocommerce ul.product_list_widget li .product-title, .sidebar .woocommerce ul.product_list_widget li .hidetext, {
visibility: hidden;
}

#woocommerce_products-3.widget woocommerce widget_products, .woocommerce-Price-amount,  {
	display: none;
}

My question is, can someone please provide us the correct CSS code on how we can remove the dash on the rest of our site, in this particular sidebar section of "featured products" only?

Thanks in advance

https://www.fallfordesign.com/category/business-related/

[abfchgirlx]

Solved the problem;

font-size: 0px;

[Author]

Posts