Testimonials format
-
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: (visible only to logged in users)
-
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!
-
Great!!!! Thank You !!!!
Can the photo appear over the testimonial?
And remove the link from the name?
-
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; } -
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
-
.testimonial-entry a:link {
pointer-events: none;
cursor: default;That part did not work
-
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.
-
-
-
-
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; } -
-
-
On the entry title colors for the testimonials, use the following, which adds the !important keyword.
.testimonial-entry-title a { color:#000 !important; } -
-
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; } } -
Much better, than you!
but still looks bad. That’s how it looks from my cell phone.
https://drive.google.com/open?id=0B–9TYRPKSByWk9FU28wU1FUY00In the computer are seen at different levels the images, that subtle detail can be solved ?.
-
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.
-
-
Hi again,
The images of the testimonies are still seen at different levels.
https://drive.google.com/open?id=0B–9TYRPKSByMWNQTHhjY24zWjAAnd in some devices are seen on the message, covering the testimony.
https://drive.google.com/open?id=0B–9TYRPKSByLVVuNFVhaWZ6ZTgWhat can I do?
- The topic ‘Testimonials format’ is closed to new replies.