Product title

  • Resolved wavo

    (@wavo)


    11 years, 7 months ago

    Hi,

    I have been searching and searching and cannot figure this out.

    I would really like to shorted the product title to only show one line of text in the shop.. and have something like “…” on the end to show that there is more to the title.

    I really want to do this using css so every time I update the theme I don’t have to amend the .php file.

    http://www.worldofmobility.co.uk/product-category/wheelchairs/

    Above is a link to a product page showing the product titles I would like to reduce, Does anyone know how I could shorten these to only show a certain amount of words using css?

Viewing 2 replies - 1 through 2 (of 2 total)
  • Ben Ritner – Kadence WP

    (@britner)

    11 years, 7 months ago

    You can’t really “shorten” the title. but using this css you can create something similar:

    .product_item .product_details h5 {
height: 30px;
min-height: 0;
overflow: hidden;
}

    you can’t add the … to the line, this css would add it below the line:

    .product_details a.product_item_link:after {
content: '...';
}

    Kadence Themes

    Thread Starter wavo

    (@wavo)

    11 years, 7 months ago

    Thank you, I figured this out in the end after lots of searching.

    🙂

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

The topic ‘Product title’ is closed to new replies.