Return to previous page

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

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

arizvy

Participant

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.

Also

Cheers

Please, contact administrator
for this information.

#274192 Copied Theme version: 7.2.4.1

3 Answers
Muhammad Zaki

Support staff

February 15, 2021 at 08:06
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!
#274212 Copied
arizvy

Participant

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?

Thanks

#274247 Copied

Rose Tyler

Support staff

February 15, 2021 at 12:03

Hello,

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

Regards

#274284 Copied
Viewing 4 results - 1 through 4 (of 4 total)