Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter cheltenhammedia

    (@cheltenhammedia)

    Further to last post it appears that this is a Wootique issue and not WooCommerce. Anyone know how to move the price on Wootique?

    bigfootbathbar

    (@bigfootbathbar)

    I know this post is old but since I’ve only been on wordpress a few days and have a solution I figured I’d post for anyone else looking for this information.

    To move the price tag you will first need to copy the style.css into the custom.css file.

    In your custom.css file find section /* 2.4.1 Product Gallery */. You will then need to find these lines of code:

    ul.products li .price {
    	position: absolute;
    	top:183px;
    	right:60px;

    You can change the number next to the top tag (in this example it is 183) to change where the price tag is located. The higher the number the further down it will move. You can also change the number next to the right tag (60 in this example), this will move the price tag left/right. The higher the number the further right it will move.

    I found that moving the price tag is fine except that the title of the product and add to cart button do not move in relation to it.

    To move the product’s title and the add to cart button go to the /* 2.4.1 Product Gallery */ section in your custom.css file.

    Find these lines of code:
    ul.products li a h3 { font-size:.8em; display: block; padding-top:30px; }

    Adjust the number next to the top tag, in this example it is 30. The higher the number the further down the product title/add to cart button will move.

    If you have any more questions or need further clarification post back and I’ll try to respond!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Moving the product price flag’ is closed to new replies.