Jump to content


Photo
WooCommerce for PageLines

Secondary text of price on top and not next to each other



Best Answer ellenmva , 14 June 2013 - 12:18 AM

Try this:

 
.woocommerce .amount, .woocommerce .from {
  display: block;
}
Go to the full post


  • Please log in to reply
3 replies to this topic

#1 adminuni

adminuni

    Member

  • Members
  • 17 posts

Posted 13 June 2013 - 05:51 PM

Hello!

 

Is it possible to move the crossed out price (regular price) to go on top of the sale price and not beside each other? I would like to do the same for the variable products and have 'from' on top of the price.

 

I've tried few tweaks in css but no luck

 

.woocommerce ul.products li.product .price del, .woocommerce-page ul.products li.product .price del{
vertical-align:bottom;
}
 
.woocommerce ul.products li.product .price .from, .woocommerce-page ul.products li.product .price .from{
padding:___;
}
 
Also tried moving it with padding but nothing was changing and I was afraid that it would leave a blank space beside the regular price.
 
 
Thanks in advance!


#2 ellenmva

ellenmva

    Advocate

  • Members

  • 308 posts
  • LocationMassachusetts
  • Country: Country Flag

Posted 14 June 2013 - 12:18 AM   Best Answer

Try this:

 
.woocommerce .amount, .woocommerce .from {
  display: block;
}


#3 Jenny

Jenny

    Advocate

  • Unicorn Store Dev

  • 2924 posts
  • LocationWV
  • Country: Country Flag

Posted 14 June 2013 - 03:49 PM

If Ellen's suggestion worked for you, make sure you click the "mark solved" button. Otherwise, please let us know how we can further assist you.



#4 adminuni

adminuni

    Member

  • Members
  • 17 posts

Posted 14 June 2013 - 05:43 PM

Thank you!







Also tagged with one or more of these keywords: WooCommerce for PageLines