Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • September 29, 2016 at 2:16 am #692930
    ruksharkhan

    How can we have a responsive image size for the Testimonial image with rectangular shape. I want to use logo for the image and the shape should be rectangular with auto size.

    Thank you

    September 29, 2016 at 2:33 pm #693118
    Yigit

    Hey ruksharkhan!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .avia-testimonial-image img, .avia-testimonial-image {
    border-radius: 0;
}

    Regards,
    Yigit

    October 3, 2016 at 8:55 am #694479
    ruksharkhan

    Hello Yigit,

    I tried your settings, IC an get squarer/rectangle image, but the sides of the image get clipped

    How can I have full rectangular image??

    • This reply was modified 7 years, 6 months ago by ruksharkhan.
    October 3, 2016 at 11:29 am #694501
    Yigit

    Hi,

    Try the following:
    1. Install this plugin: https://wordpress.org/plugins/simple-image-sizes/
    2. Go to Settings > Media
    3. Change the square image size (increase its width / height).
    4. Regenerate the thumbnails by clicking the button at the bottom.

    Best regards,
    Yigit

    October 3, 2016 at 12:44 pm #694555
    ruksharkhan

    Hello again,

    I still get the image clipped and image container does not increase.
    please have a look at the link below.

    October 4, 2016 at 3:06 pm #695078
    Yigit

    Hi,

    According to this site – http://downforeveryoneorjustme.com/ your website is not down however it does not load on my end. I asked my teammates to check your website. Please kindly wait to hear from them.

    Best regards,
    Yigit

    October 4, 2016 at 7:52 pm #695206
    Vinay

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .avia-testimonial-image img {
max-height: 80px;
}

     

    Best regards,
    Vinay

    October 4, 2016 at 8:57 pm #695247
    ruksharkhan

    Hi Vinay,

    my current Quick CSS entry is at the moment is as follows:

    .avia-testimonial-image img, .avia-testimonial-image {
    border-radius: 0;
    width: 200px;
    height: 100px;
    }

    And this gives the square image.
    where do I place your suggestion? can you be more specific? thank you.

    October 5, 2016 at 9:02 am #695358
    Vinay

    Hi,

    Please add the code at the bottom of the Quick CSS section.

    Best regards,
    Vinay

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.