Testimonial Image Size

Home Forums All Other Themes Testimonial Image Size

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #65112
    Laura
    Participant
    • Topics: 158
    • Replies: 196
    • Total: 354
    Member since: July 21, 2016

    http://mysbiz.com/tempfirm/
    template: industrial

    How do I make the images in the testimonial section larger?

    https://snag.gy/lGoIK4.jpg

    #65146
    Lisa Braaksma
    Member
    • Topics: 9
    • Replies: 11
    • Total: 20
    Member since: May 10, 2016

    I put this in the in the Basic Settings Custom CCS:

    .testimonialimage img {
    width: 200px;
    height: 200px;
    border: 1px solid #edecec;
    border-radius: 60%;
    }

    But you can change the px size to suit 🙂

    #65448
    Laura
    Participant
    • Topics: 158
    • Replies: 196
    • Total: 354
    Member since: July 21, 2016

    Thank you, but I even changed to 400 px and the image size did not change.

    #65468
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23388
    • Total: 23388
    Member since: August 16, 2013

    Hi Laura,

    Add this code in Custom CSS Box:

    .teammember-list .teamthumbox{width:200px !important; height:200px !important;}

    Regards,
    Brad

    #65493
    Laura
    Participant
    • Topics: 158
    • Replies: 196
    • Total: 354
    Member since: July 21, 2016

    that is for the teammember, I need testimonial

    #65498
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23388
    • Total: 23388
    Member since: August 16, 2013

    Hi Laura,

    Add this code for larger testimonial images:

    #testimonialswrap .container #sync2{height:auto !important;}
    #sync2.owl-carousel .owl-item{width:200px !important;}
    #sync2 .item{height:200px !important;}

    Regards,
    Brad

    #65752
    Laura
    Participant
    • Topics: 158
    • Replies: 196
    • Total: 354
    Member since: July 21, 2016

    Thank you, that worked for testimonial images.

    How do I alter the size of “Latest News” home page images? https://snag.gy/X8HvAJ.jpg

    #65771
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23388
    • Total: 23388
    Member since: August 16, 2013

    Hi Laura,

    Add the width and height to this class .news-box .news-thumb

    Regards,
    Dave

    #65795
    Laura
    Participant
    • Topics: 158
    • Replies: 196
    • Total: 354
    Member since: July 21, 2016

    I am not sure how add this code. Can you provide the complete code I paste in CSS box to make the “Latest News” images smaller?

    #65800
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23388
    • Total: 23388
    Member since: August 16, 2013

    Add this code in Custom CSS Box: You can manage the size using this class.

    .news-box .news-thumb{width:300px; height:200px !important;}

    Regards,
    Dave

    #65811
    Laura
    Participant
    • Topics: 158
    • Replies: 196
    • Total: 354
    Member since: July 21, 2016

    Thank you, but I have played with different sizes, but the logos are cropped now.

    #65825
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23388
    • Total: 23388
    Member since: August 16, 2013

    You can change the “px” value as you want or set smaller images in blog posts.

    Regards,
    Dave

    #65919
    Laura
    Participant
    • Topics: 158
    • Replies: 196
    • Total: 354
    Member since: July 21, 2016

    Can you please include the entire code? I have used a number of combinations, tried to change the image to fit the new size, and the image remains distorted.

    #66046
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23388
    • Total: 23388
    Member since: August 16, 2013

    Hi Laura,

    Resize the images that you want to show. If you resize the images using CSS then it will look distorted.

    Use same size images and resize images using image editor.

    Regards,
    Dave

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