Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • April 14, 2017 at 8:41 pm #778057
    tcadam0301

    Hello support team,

    the shop items are not being aligned correctly. E.g. when a product title is two lines and another is just one, they are not aligned next to each other. correctly. They don’t have the same overall height of a box. Furthermore, the titles are cut off on the side when they are too long. You can check out on the link below.

    Thanks in advance.

    April 16, 2017 at 6:57 am #778379
    Vinay

    Hey tcadam0301,

    It’s best to have the same length heading for an overall look that you are trying to achieve. If the product name is too long you have to choose between increasing the min and max height or hiding the excess length or excess info on some products.

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
    NOTE: I have added background:gold for visual notification you can remove it from the below code.

    .inner_product_header_table {
	min-height:100px;
	max-height:100px;
	overflow:hidden;
	word-break:break-all;
	background:gold;
}
.thumbnail_container{
	min-height:300px;
}

    I have tested the above code on your installation and it works 100% please make sure to clear the cache if you still do not see nay changes deactivate the caching plugin and try again.

    Best regards,
    Vinay

    April 16, 2017 at 11:42 am #778408
    tcadam0301

    Hello Vinay,

    thanks for the quick reply and fix! It looks a lot better now and the boxes have the same overall height. It doesnt look messy and unsorted anymore, thanks again! One last thing is that now, the price appears in a higher position, if the heading is one- and not two lines. Is it possible to “glue” it to the bottom of the “.inner_product_header_table”? That would totally make your solution the best.

    Thanks in advance and have a nice weekend!

    April 16, 2017 at 9:32 pm #778500
    Vinay

    Hi,

    Glad it works for you :)

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .woocommerce-loop-product__title {
min-height:61px;
}

    Best regards,
    Vinay

    May 2, 2017 at 11:01 am #786273
    tcadam0301

    Thanks again, everything works out now!

    May 2, 2017 at 4:34 pm #786514
    Victoria

    Hi tcadam0301,

    Glad we could help :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.