Addition to the Testimonial Name Section

I there,

I would like to add an external link to the name that’s displayed when inserting a testimonial
on the plugin. If this cannot be done. Would it be possible to add an another text section below the
name showing a website or social media page?

Website for Reference: https://www.nouveautycoon.com

Many Thanks,
nouveau

Hello there,

Someone has asked about this already and this solution seemed to be working.

Regards,
Kharis

Awesome. It worked perfectly Thanks.

  1. However the problem I have now is that the text colour of the testimonial name is now grey. I’m not referring to the hover colour but the general colour of the text needs to be white. and the hover effect colour the same.

  2. Would it be possible to add text below the name of the testimonial?

Thanks,
nouveau

Hello there,

Try adding this extra CSS code:


.widget_sydney_testimonials .name a {
  color: #fff;
}

> 2. Would it be possible to add text below the name of the testimonial?

In the testimonial editing screen, there is a Cliend info box, you could use the provided text field. Doesn’t it work for you?

Regards,
Kharis

Awesome.

-1. I entered the code in a Custom CSS Plugin and it doesn’t seem to work. I’ve also added it to the stylesheet.css on the editor and it doesn’t seem to work. (I had asked about the recently and had added a code before it. This was before the addition of a hyperlink)
I’ll show the code here i have for the stylesheet:


.site-info.container {
text-align: center;
}

/* Normal state */
.roll-button.border{
background-color: #ffffff;
border-color: #ffffff;
color: #ffffff;
}

/* On hover state */
.roll-button.border:hover{
background-color: #ffffff;
color: #ffffff;
}

div.widget_sydney_testimonials div.customer div.name {
color: white !important;

.widget_sydney_testimonials .name a {
color: #fff;
}


(Maybe i did something wrong here, but this the exact order and everything.)

  1. I had no idea about the client info box. But it works so that’s done.

Kind Regards,
nouveau

Hello there,

The below code block produces an error.


div.widget_sydney_testimonials div.customer div.name {
color: white !important;

.widget_sydney_testimonials .name a {
color: #fff;
}

Please replace it with:


.widget_sydney_testimonials .name a {
  color: #fff;
}

Regards,
Kharis

Awesome. That’s fixed it.

Many Thanks, for your help ‘Kharis’

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis