product image in post but without title?

I can’t see how to select this product title and not others on the site, so this style will need to go on the same page as the shortcode. It will need to be added in text mode. If you switch to visual, the code will be lost.

<style>
.woocommerce .products h3 {display:none}
</style>

Others may have a better solution…

Hi Lorro

That worked fine but like you said when I go back into visual editor it goes ??

Thanks for trying, hopefully someone else might find another solution

Div tags are not removed by the visual editor, so on the page you could write something like:

<div class=”sku_widget”>
[product id=”” sku=”nym_1″]
</div>

then your custom css would read:

.sku_widget .woocommerce .products h3 {display:none}

Editing the shortcode code is possible but edits would be overwritten in the event of a WooCommerce update.

No sorry Lorro, That sounded like a clever fix but unfortunately it didn’t work ??

Anyone suggest any thing for this?

Here is the page with the product shortcode added. Even if I can reduce the text size, that will help

https://www.northernwild.co.uk/index.php/customer-feedback/

Does your testimonial page no have a unique class to it? Like page-id-48

If so just add to your main child theme css file./

.page-id-48 .woocommerce .products h3 {display:none}

HI Jeffreyd00

how would I find out the unique page class?

I’m sorry but the domain name is not loading for me. ;(

Okay it loaded, view your body tag. it is in there.

so try this.

.page-id-1260 .products h3 {display:none}

Perfect that worked great. Thanks Jeffreyd000 ??

One last problem with the product image. It seems to leave a big gap below it https://www.northernwild.co.uk/index.php/customer-feedback/

How could I get rid of this so that it doesnt leave such a big comment between the feedback?

Cheers
John

I’m not a 100% sure but it looks like it could be related to the bottom margin that relates to <ul class=”products”>

so try playing with that in your css. If you do not already have it, install the Web Developer Toolbar for Firefox, it is invaluable and will let you virtually edit the CSS of your site in your browser before making any actually changes to the code of your website.