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

3 replies3 participantsUpdated by Rose Tyler

  • Avatar: arizvy
    arizvy
    Participant

    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.

    Also

    Cheers

    Please, contact administrator
    for this information.

    3 Answers

    Avatar: Muhammad Zaki
    Muhammad Zaki
    Participant

    Hello!

    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
    arizvy
    Participant

    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?

    Thanks

    Avatar: Rose Tyler
    Rose Tyler
    Support staff

    Hello,

    Edit Custom Heading element and add custom classes – https://prnt.sc/zldxke > https://prnt.sc/zldzpw
    no-uppercase text-capitalize

    Regards

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