Change Testimonial Picture/Photo size on Testimonial page

This topic has 5 replies, 3 voices, and was last updated 7 years by Radu.

Author
July 3, 2017 at 15:10 #165968

tonyatko
Participant

Good morning.

I would like to change the size of the picture on the testimonial page. Right now, no matter the resolution or L X W of the picture, the theme is set to increase the photo size so that it equals 100% of page from left to right. For smaller pictures the pixel quality becomes distorted during this automatic increase in size. I would like to turn off this feature.

For example: I make the pictures 600 X 800 and have it appear on the testimonial page as 600 x 800, (and be responsive for mobile to appear smaller on smaller screens).

Please help

July 3, 2017 at 19:48 #166053

Laura
Moderator

Hello, will assign the ticket to a higher support level who can help and advise you in your query.
Thanks! ?

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

July 5, 2017 at 15:04 #166363

Radu
Moderator

Hi,

If you want to limit the images from the carousel you can place the testimonial carousel into a divided row

Just add a row or a column in that you will divide space to achieve the style that you need from example you can divide by 3 and to add the testimonials into the middle in this way the images will remain in the middle column not edge to edde

Hope this make sense

PS: Your site looks like this

It seems it haves Visual Composer plugin and K-elements de-activated

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

July 8, 2017 at 18:50 #166740

tonyatko
Participant

Please see attached image. There is no visual composer on the page you all created for testimonials.

The day you went to my site I had turned off all plugins for 20 minutes to check for any conflicts. There are no conflicts.

Look at the image I have attached. The one circled is the testimonial page built into Kleo theme. THIS is what I need help with because the way you add images for the testimonial is by “SETTING FEATURED IMAGE” and that image is the size of the entire page.

(I have another testimonial plugin, but that is a separate plugin, and has no conflicts)

Please help me be able to adjust an image whose size seems to be built into the theme’s programming.

Thanks in advance

Attachments:
You must be logged in to view attached files.
July 11, 2017 at 15:51 #167018

Radu
Moderator
Hi,

I see

Use this CSS to limit the featured testimonial image
COPY CODE
```
.kleo-testimonials .article-media img {
    max-width: 200px;
    text-align: center;
    margin: 0 auto;
    display: block;
}
```
It will look like this, you can change the 200px from max-width rule with your desired value.

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?
July 11, 2017 at 15:51 #167019

Radu
Moderator

Forgot to mention : The css will be added to wp-admin -> theme options -> General settings -> Quick CSS

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?
Author

Posts