Title Size & Image Issues of Woo Product Carousel

Hi @solutionsdev,

Thanks for reaching us. Hope you are doing great today!

We think the font size of the titles is styled from the theme’s default styling. It would be better if you could share the page link where you used the carousel. So that we could inspect the titles and find out the source of the styling.

If you share the page link we will try to provide the necessary CSS to make the title larger.

Have a great day!

Hello @pulak00,

Thanks for your message. Upon inspecting the page, it does use h2, which is manually set using CSS, woocommerce single product title are using it and I increased the size of h2, since the carousel is using the same h2, the text has large size.

On the other hand, in the product titles I am using <br> to control the flow of long titles, when inspected, this prevents the image from showing, I removed one from Actrim2 title to allow the image to show, so you can check it. The <br> tag is also an important part of the titles that we cannot remove.

Please check these 2 points at: https://ardenhealth.com/development/slider-temp/

Thanks and regards,

Hello @pulak00,

Any news about this?

Thanks,

Hi @solutionsdev,

Thanks for contacting us. Hope you are doing great today!

We have identified that the theme was affecting the styles of the product titles. The font-size of the theme has overridden the font-size of the plugin’s settings. You can avoid the scenario by using the following CSS.

.wpcp-product-carousel .wpcp-single-item .wpcp-product-title {
    font-size: 16px !important;
    line-height: 23px !important;
}

For the line breaking of the titles, you can try the CSS ‘word-wrap‘ instead of using the ‘br‘ tag in the titles. You can remove the ‘br‘ tags and try using the CSS. You can contact the support for further assistance.

Have a great day!

Hi?@solutionsdev,

This thread has been inactive for a bit, so I’m going to mark it as Resolved now. Please feel free to open a new one if you have any further questions.

Cheers!