[Woocommerce] Shop page css customisation

  • Resolved lawrencer

    (@lawrencer)


    9 years, 1 month ago

    I would like the name/brand/price to be closer, but I can’t seem to achieve with this css, I only managed to align them to the center, but I was unable to control the line-height with this css.

    A little help please?

    View post on imgur.com

    .woocommerce-page ul.products li.product a
{text-align:center; line-height:2px}
Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter lawrencer

    (@lawrencer)

    What should I type in custom css to achieve this spacing?

    View post on imgur.com

    Thank you in advance. ??

    Hi.
    Are you sure, then need manage line-height and not margin/padding?

    Thread Starter lawrencer

    (@lawrencer)

    Sorry, I’m not very familiar with css but I just tried

    ‘.woocommerce ul.products li.product a,
    .woocommerce-page ul.products li.product a
    { text-align:center; margin-top: 100px; }’

    affects the entire box

    while 

    .woocommerce ul.products li.product a,
.woocommerce-page ul.products li.product a
{ text-align:center; padding-top: 100px; }'

    this is more of the space between the top and bottom box

    Thread Starter lawrencer

    (@lawrencer)

    I can’t believe this, the solution is as simple as this..

    Instead of typing

    <strong>BYREDO</strong>
Eau de Toilette

    type this instead

    <strong>BYREDO
</strong>Eau de Toilette

    This will eliminate the line space between Byredo & Eau de Toilette.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘[Woocommerce] Shop page css customisation’ is closed to new replies.

Tags