Testimonials format

  • Author
    Posts
  • #2839557

    alepaumermkt
    Member

    Hello, I would like the testimonials to be centered and that the clients’ photos appear cut out in circles like in my site sempermarketing.com.ar
    how can I do it?

    The blog I need help with is elclubdelmareo.com.

    #2839651

    eallas
    Staff

    Howdy alepaumermkt!

    The following code should do the trick!

    /* Testimonials */
    .testimonial-entry{
        text-align: center;
    }
    
    .testimonial-featured-image img {
        border-radius: 100%;
    }

    Hope this helps!

    #2839652

    alepaumermkt
    Member

    Great!!!! Thank You !!!!

    Can the photo appear over the testimonial?

    And remove the link from the name?

    #2839663

    eallas
    Staff

    So, this is what I made up. It’s extensive but does the job.

    /* Testimonials */
    .testimonial-entry{
      text-align: center;
    }
    
    .testimonial-entry a:link {
      pointer-events: none;
      cursor: default;
    }
    
    .testimonial-featured-image img {
      border-radius: 100%;
    }
    
    .testimonial-entry-content {
    	position: relative;
    	top: 175px;
    }
    
    .testimonial-entry-title {
    	position: relative;
    	top: 175px;
    }
    
    .testimonial-entry-mobile-first-item-row img{
      position: relative;
      bottom: 150px;
    }
    
    .testimonial-entry-mobile-last-item-row img{
      position: relative;
      bottom: 75px;
    }
    #2839664

    alepaumermkt
    Member

    Perfect the pics over the testimonials!!!!!

    The only thing thay I have left is the link in the names. Can they be removed?

    Thank you very very much for your help

    #2839665

    alepaumermkt
    Member

    .testimonial-entry a:link {
    pointer-events: none;
    cursor: default;

    That part did not work

    #2839666

    eallas
    Staff

    You’re welcome!

    The links are removed. I’m having trouble changing the color for some reason without changing all the link colors in the page. I’ll send a reply once I figure it out, my apologies for the delay.

    #2839667

    eallas
    Staff

    If you attempt to click the names with that code in, you’ll see they aren’t clickable.

    #2839668

    alepaumermkt
    Member

    You are right
    sorry

    #2839669

    alepaumermkt
    Member

    You were a big help
    Thank you thank you thank you from Argentina :)

    #2839680

    eallas
    Staff

    No need to apologize! I didn’t explain enough; however, the case has been solved! Here’s the code to change the color to black:

    .testimonial-entry-title a{
        color: #000;
    }
    #2839684

    alepaumermkt
    Member

    The names are still in color

    #2839689

    alepaumermkt
    Member

    mmmmmm Testimonials do not look good on mobiles

    #2839719

    On the entry title colors for the testimonials, use the following, which adds the !important keyword.

    .testimonial-entry-title a {
    	color:#000 !important;
    }

    #2839729

    alepaumermkt
    Member

    Perfect! Thank You!

    Testimonials do not look good on mobiles now.. what can i do?

    #2839759

    Hi, add the following to the bottom of your custom CSS, which will make the testimonials full width (one above the other) on screens 600px and narrower.

    @media screen and (max-width: 600px) {
    	#text-4 .testimonial-entry {
    		width: 100%;
    	}
    	.testimonial-entry-mobile-first-item-row img {
    		bottom: 100px;
    	}
    }

    #2839764

    alepaumermkt
    Member

    Much better, than you!

    but still looks bad. That’s how it looks from my cell phone.
    https://drive.google.com/open?id=0B–9TYRPKSByWk9FU28wU1FUY00

    In the computer are seen at different levels the images, that subtle detail can be solved ?.

    #2839766

    In the latest code I gave you, you can adjust the “bottom” value to adjust the image up and down. Perhaps increase it to 120px, or 130px and see what it looks like.

    #2839771

    alepaumermkt
    Member

    Thank you!

    #2839787

    alepaumermkt
    Member

    Hi again,

    The images of the testimonies are still seen at different levels.
    https://drive.google.com/open?id=0B–9TYRPKSByMWNQTHhjY24zWjA

    And in some devices are seen on the message, covering the testimony.
    https://drive.google.com/open?id=0B–9TYRPKSByLVVuNFVhaWZ6ZTg

    What can I do?

The topic ‘Testimonials format’ is closed to new replies.