Product carousel and font - by arizvy - on WordPress WooCommerce support

This topic has 4 replies, 3 voices, and was last updated 3 years, 2 months ago ago by Rose Tyler

  • Avatar: arizvy
    February 14, 2021 at 23:52

    Hi, please assist with a couple of issues;

    In my homepage I am using the ‘Carousel products’ element. How do I amend the product image size to fit inside the box? At the moment the product image is cut off at the top and bottom as you can see in the screenshot.

    Also, no matter what I try I can’t change the text from all caps on ‘Custom Headings’ element.



    Please, contact administrator
    for this information.
    3 Answers
    Avatar: Muhammad Zaki
    Muhammad Zaki
    Support staff
    February 15, 2021 at 08:06


    Actually, the carousel using images as backgrounds. Please remember that the background images work independently and it is because of their nature in the HTML.

    I have written below CSS code for you, please add it to the custom CSS area of theme options and let me know if you need any further help.

    .mpc-wc-product .mpc-product__thumb-wrap .mpc-product__thumb{
    background-size:contain !important;

    Please also share the wp-admin details incase if you need further help.

    Thank you!

    Avatar: arizvy
    February 15, 2021 at 09:52

    Thanks this worked. Please also answer my other question about the fonts. Why is the Custom Headings section in all caps only? I have tried using different headers but the result is the same. Is there an easy way to change from all caps to capitalise and change the font size as well?


    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 15, 2021 at 12:03


    Edit Custom Heading element and add custom classes – >
    no-uppercase text-capitalize


  • Viewing 4 results - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.