Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • March 15, 2017 at 4:18 pm #761475
    kagitvs

    Hi,

    I have a question about products listings on Woocommerce. As some products Names are longer and takes 2 lines, some tkae only 1 line; the products look very disordered and they are not in a perfect line. How can I align them regardless of their name lenght ?
    Secondly, my space between the product lines ( not the coloums, the rows) seems to be very little and this makes the page look to crowded. How can I add some more space between the product rows ?

    Best Regards,

    March 15, 2017 at 7:13 pm #761564
    kagitvs

    Ok, I managed the Button allignment problem by changing the Product View from the Shop Options. But I still need to add some space between the product lines ?

    March 17, 2017 at 5:43 am #762328
    Rikard

    Hi,

    Please try the following in Quick CSS under Enfold->General Styling:

    .inner_product {
    margin-bottom: 20px;
}

    Best regards,
    Rikard

    March 17, 2017 at 2:39 pm #762507
    kagitvs

    Thanks this is great, except Chrome. I guess Chrome browser have some problem and I need to quit using it. :(
    Also can you give me a code for fixing the product coloum height ? ( as some of the product names are longer than others, the product boxes look diffrent height which looks bad)
    Best Regards,

    March 17, 2017 at 5:17 pm #762591
    kagitvs

    ok, I used the below code;

    #top .inner_product_header {
    min-height: 135px;
    }

    and they all lokk fine now, again except for the Chrome.

    I do not know why, but Chrome browser does not recognize the codes we write onn Quick CSS , and keeps displaying as it is.

    March 19, 2017 at 9:12 am #763144
    Rikard

    Hi,

    I think it’s due to caching since it’s applying fine on my end using Chrome. Please refer to my reply in your other thread.

    Best regards,
    Rikard

    March 19, 2017 at 7:30 pm #763293
    kagitvs

    Yes, you are definetly right. :) Thanks for the help. I now can see the chages in Chrome as well. :)

    Best Regrads,

    March 20, 2017 at 6:22 am #763491
    Rikard

    Hi,

    Great, glad you got it working. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    March 21, 2017 at 9:15 pm #764366
    kagitvs

    you can close it. Thanks :)

    March 21, 2017 at 10:51 pm #764409
    Basilis

    Hi!

    Happy we can help.

    Regards,
    Basilis

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Making the products the same height and adding more space between product rows.’ is closed to new replies.