Remove stars from Michelangelo theme

Thank you both codes did work. However, I am now left with a huge gap between price and the image. Is there a solution to this problem? its the width of index finger.
 

Attachments

  • Screenshot_2018-08-28-16-16-24-077_com.android.chrome.png
    Screenshot_2018-08-28-16-16-24-077_com.android.chrome.png
    1.2 MB · Views: 11
  • Screenshot_2018-08-28-16-15-12-766_com.android.chrome.png
    Screenshot_2018-08-28-16-15-12-766_com.android.chrome.png
    791.4 KB · Views: 11

Direct Webstore

Well-Known Member
The stars are still there taking up that space ... they are only hidden. You would need to make a child theme and edit the theme files. I use the Woo plugin so I can't experiment and tell you how.

I don't understand your aversion to those stars anyway. I like them. I don't think customers would even give them a second thought.
 

Direct Webstore

Well-Known Member
Actually, add this to the code and see if it gets rid of the gap ...


height: 0px;


Also ... there is a product sold count there too (when you finally sell some of them) ... so delete all that code from before and try this ...

.product-item .starRating .stars .star {
display: none;
height: 0px;}
.product-item .starRating .call-item {
display: none;
height: 0px;}


:)
 

Direct Webstore

Well-Known Member
OK ... delete it all and try this ..

.product-item .starRating .stars .star {
display: none;
height: 0px;}
.stars .star {
display: none;
height: 0px;}
.product-item .starRating .call-item {
display: none;
height: 0px;}
 

Direct Webstore

Well-Known Member
OK ... changed it a little ... try this ..

.product-item .starRating .stars .star {
display: none;
}
.product-item .starRating .call-item {
display: none;
}
.product-item .starRating {
height: 0px;
}



This is what it looks like on the demo
mm.jpg
 
@Direct Webstore Can I ask for one more help please? Its regarding raphael theme. I believe this is the best one. I used
.product-item .starRating .stars .star {
display: none;
}
.product-item .starRating .call-item {
display: none;
}
.product-item .starRating {
height: 0px;
}

It removes the rating but the space between product name and price is high. I apologise for the inconvenience.
 
Top