Move 'remove' product icon and add Product name above thumbnail

Hi there,

without editing the templates, the simplest way to the move the product title would be this:

th.product-thumbnail::before{
    content: 'Product';
}
th.product-name {
    font-size: 0;
}

Can you explain what you want to do with the 'remove icon' ?

Hi David,

Thank you for your answer! I want to move the icon after the Total section so that the product thumbnail appears first and the remove icon is the last on the list. I don't like the way it looks right now.

to make those sorts of changes would require you to set-up a child theme, make a copy of the woocommerce templates and edit them in your child theme.

Can't this be acquired with some custom code? I've read in the documentation that having a child theme isn't really recommended.

No the woocommerce templates define the structure of the content. So its the only way to do this.
We don't not recommend a child theme, we just state it isn't always necessary. In this case it is. Personally i would leave the templates alone, as Woo updates can break the functionality of the template, which you will have to maintain.

Got it, then I will leave it as it is right now. Thanks for your help :)

You're welcome :)