Featured Products: Price problem

Resolved frank80
(@frank80)

11 years ago

Hello, when I use shortcodes to display certain products, featured, top rated, … it works fine. However the price in the results (under each thumbnail) is missing the green button around it.

Normal products have it (when browsing the shop without using shortcodes) and if I use the search function, it works as well.

But for featured products the thumbnail and name below show perfect, the price below that only has the text, not the green button.

Hope this is a little clear!
Thank you for the support!

https://ww.wp.xz.cn/plugins/woocommerce/

Viewing 4 replies - 1 through 4 (of 4 total)

Peter Lawrenson

(@lorro)

11 years ago

Please post the url to a page where the green button is missing.

Thread Starter

frank80

(@frank80)

11 years ago

http://tinyurl.com/ng6xfku

As you can see the top items do not have the green button. Click any catagory from the shop below (or use the search on the right) and it works fine.

Peter Lawrenson

(@lorro)

11 years ago

The style for the green button only applies to a woocommerce page, and the page with the shortcode is not a woocommerce page. So you’ll need to put the style in to apply to this page also. You won’t want to be editing the theme files in case they are overwritten by a theme update. Try this in your custom css:

.et-main-price {
  background: #cff06b;
  background: -moz-linear-gradient(top, #cff06b 0%, #c0dd65 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cff06b), color-stop(100%,#c0dd65));
  background: -webkit-linear-gradient(top, #cff06b 0%,#c0dd65 100%);
  background: -o-linear-gradient(top, #cff06b 0%,#c0dd65 100%);
  background: -ms-linear-gradient(top, #cff06b 0%,#c0dd65 100%);
  background: linear-gradient(to bottom, #cff06b 0%,#c0dd65 100%);
  font-weight: 800;
  padding: 8px 11px;
  font-size: 14px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  color: #fff;
  text-shadow: 1px 1px 0 rgba(0,0,0,0.3);
  -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset, 0 2px 1px rgba(0,0,0,0.1);
  -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset, 0 2px 1px rgba(0,0,0,0.1);
  box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset, 0 2px 1px rgba(0,0,0,0.1);
  display: inline-block;
  border: 1px solid #aed23f;
}

If your theme does not have a setting where you can enter custom css, you can use a plugin like this one:
https://ww.wp.xz.cn/plugins/simple-custom-css/

Have a look round the site to make sure no new problems are being created by this css.

Thread Starter

frank80

(@frank80)

11 years ago

That did the trick! Thank you!

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Featured Products: Price problem’ is closed to new replies.