Sale products span styling

  • Resolved pprzemyslaw

    (@pprzemyslaw)


    4 years, 5 months ago

    Hi. I moved “sale” span to the top like in the linked screenshot. That made an empty space in between title and price, so i positioned price higher using css. But it also change position of price span for products that are not on sale.

    Is there any unique class for sale related css elements to use it for styling? If not how to do that in php code?

    Screenshot – https://imgur.com/Xgu9OFR

    Thanks for help.

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

  • Hi @pprzemyslaw

    It depends what code you used to move the “SALE” tag to the top, and to move the price higher.

    Can you share a link to your site so we can see how it’s done?

    If that’s not possible, then I would suggest to remove the code you’ve added so far (to move the “SALE” tag and move the price up), and replace it with this CSS:

    
ul.products li.product.sale .onsale {
  position: absolute;
  top: 0;
  right: 0;
  background: white;
}
    Thread Starter pprzemyslaw

    (@pprzemyslaw)

    Sorry for late respons. Your advice was great. Works as i wanted. I must admit i missed .sale class when i was looking at site css and thats why my code didn’t work. Thanks again ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Sale products span styling’ is closed to new replies.