Carousel – Custom image size and ratio of thumbnails

  • icon01

    (@icon01)


    12 months ago

    Hello,

    I am currently using CoBlocks Carousel to create a new image slider.
    Now I’m trying to customize the size of the thumbnails and have a few questions.:

    How can I modify the proportions of the thumbnails while keeping the aspect ratio constant and preventing image distortion?
    What is the method for altering the resolution and overall dimensions of the thumbnails, given that the resolution is fixed at 100px x 80px?
    Is there an option to configure the settings using custom CSS? If so, what does the code look like?


Viewing 1 replies (of 1 total)
  • Plugin Support Aleksandar

    (@gdalex)

    Hi @icon01,

    Thanks for reaching out!

    The thumbnail size can’t really be changed out-of-the-box, but it can be tweaked via CSS.

    The following code let’s you set the height/width of the thumbnails in the carousel block, while having the image cover the container to prevent image distortion (the image will be cropped to fit the container, though):

    .wp-block-coblocks-gallery-carousel-thumbnail{
	width:150px !important;
	height:150px !important;
}

.wp-block-coblocks-gallery-carousel-thumbnail img{
	object-fit:cover;
}

    Let me know if this helped!

Viewing 1 replies (of 1 total)
  • The topic ‘Carousel – Custom image size and ratio of thumbnails’ is closed to new replies.