Forum Replies Created

Viewing 2 replies - 1 through 2 (of 2 total)
  • 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!

    If you haven’t already make sure to copy the style.css coding into the custom.css file.

    To change your Product Title size, in your custom.css file, go to section /* 2.4.1 Product Gallery */

    Find this line of code:
    ul.products li a h3 { font-size:1em; display: block; padding-top:0; }

    To adjust the sizing of the text, change the 1em; sizing next to the font-size attribute.

    To change the Price size, in your custom.css file, go to section /* 2.4.1 Product Gallery */

    Find these lines of code:

    ul.products li .price {
    	position: absolute;
    	top:160px;
    	right:60px;
    	background: #ffffff;
    	padding:2px 12px 2px 8px;
    	font-size:0.8751em;

    To adjust the sizing of the text, change the 0.8751em; sizing next to the font-size attribute.

    I’m happy to clarify if you have any troubles but it worked for me 🙂

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