ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Neighborhood
• July 18, 2014 at 8:24 pm #92697
  kluongt

  Member

  Post count: 22

  Needing Help with Product listing page.

  Please review the attached image.

  I am having a issue with the alignment for title and price on my product page. when you look at my attached image, you can see that title and prices for all 3 products are not alignment. 1st one is in one row, second one is in 3 rows and third one is in 2 rows. Can you provide me any tips for fixing it?

  Basically, i want the title always have two rows, the price will be in third row and move the price in center. Please let me know if it is possible to do so.

  PS: I love your theme.

  Kevin.

  Attachments:

  You must be logged in to view attached files.
  July 19, 2014 at 11:29 am #92781
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please always provide specific page url so i can suggest you exact quick solution.
  Thanks 🙂
  With Best Regards
  Swift Ideas

  July 19, 2014 at 2:25 pm #92811
  kluongt

  Member

  Post count: 22

  Hi,

  Please go to my site at http://www.myhiep.com and use this pass ‘2014’ to get in. It is the main page (product listing page). thanks.

  Kevin.

  July 19, 2014 at 2:37 pm #92812
  kluongt

  Member

  Post count: 22

  Because the product title is too long on the all product listing page (main page), therefore some of tile jumped into 2nd line and price is the third line. Therefore, I would like product Title is in one row and price is in the 2nd row and center. Let me know if it is possible to do that. Thanks so much for your time.

  July 21, 2014 at 10:14 am #93085
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please use this custom css code:

  ul.products li.product .product-details{height:35px;}
  .woocommerce ul.products li.product .price, .woocommerce div.product p.price {text-align: center;width: 100%;}
  

  Thanks 🙂
  With Best Regards
  Swift Ideas

  July 21, 2014 at 4:02 pm #93266
  kluongt

  Member

  Post count: 22

  it worked perfectly. Thanks so much for your help. Your support is super good 🙂

  July 21, 2014 at 4:30 pm #93271
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  You most welcome. I’m glad that issue resolved .
  Thanks 🙂
  With Best Regards
  Swift Ideas

• Back to forum

  Posted in: Neighborhood