WordPress.org

Forums

WooCommerce - excelling eCommerce
Moving price position on product gallery, revisited (1 post)

  1. zwaan
    Member
    Posted 1 year ago #

    Hello!
    I wanted to get rid of the little red price flag on Wootique and instead show the price underneath the thumbnail, between the title and the "add to cart" button.
    I found this post which was very helpful:
    http://wordpress.org/support/topic/moving-the-product-price-flag?replies=3

    I removed the flag, moved the price down and over to the left, and adding padding under the h3 title:

    ul.products li .price {
    position: absolute;
    top: 209px;
    left:-5px;
    background: none;
    padding:0px;
    font-size:1em;
    color:#7F462C;
    text-shadow:none;
    }
    ul.products li .price:before {
    content: "";
    border: none;
    position: absolute;
    top:0;
    left:-14px;
    }
    ul.products li .price:after {
    content: "";
    border:none;
    position: absolute;
    right:0;
    bottom:-12px;
    }

    ...but when I added a few words to the product titles, they are now on top of the price with the empty padding below.
    I would like for the price to show under the product titles whether they include one, two or three lines of text.

    How can I have the price position adjust to the position of the last line of the product title, rather than having it in a fixed spot?

    Here's the link showing the problem: http://newamsterdamsmokeshop.com/

    https://wordpress.org/plugins/woocommerce/

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • WooCommerce - excelling eCommerce
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic