25
Views
5
Comments
Solved
It´s possible insert image into feedback message?
Application Type
Reactive

Hi guys, i have this feedback message and i need know if it´s possible change the color to one image and how i can do it?



Like this



what i have make to make that blue button:



Rank: #119
Solution

Hello Francisco,

Hope you're doing well.

You can pick Shweta's suggestion and adapt it a bit :)

As far as I can tell, you don't need to apply that CSS to both .ECT_FeedbackContainer .FeedbackMessage and .ECT_FeedbackContainer .FeedbackInitial classes, but only to .ECT_FeedbackContainer .FeedbackInitial (otherwise you will have 2 images).


Try something like this:

.ECT_FeedbackContainer .FeedbackInitial {
    border-radius: 25px;
    background-color: #fff;
    background-image: url(<YourImageURL>) !important;
    width: <YourImageWidth> !important;
    height: <YourImageHeight> !important;
}

where <YourImageURL> is your image's URL and <YourImageWidth> and <YourImageHeight> are the dimensions of that image.


Hope that this helps you!


Kind regards,

Rui Barradas

Rank: #492

Hi Fransisco,

Specifically of which color you want to change, Please describe in details.

Thanks :)

Rank: #119
Solution

Hello Francisco,

Hope you're doing well.

You can pick Shweta's suggestion and adapt it a bit :)

As far as I can tell, you don't need to apply that CSS to both .ECT_FeedbackContainer .FeedbackMessage and .ECT_FeedbackContainer .FeedbackInitial classes, but only to .ECT_FeedbackContainer .FeedbackInitial (otherwise you will have 2 images).


Try something like this:

.ECT_FeedbackContainer .FeedbackInitial {
    border-radius: 25px;
    background-color: #fff;
    background-image: url(<YourImageURL>) !important;
    width: <YourImageWidth> !important;
    height: <YourImageHeight> !important;
}

where <YourImageURL> is your image's URL and <YourImageWidth> and <YourImageHeight> are the dimensions of that image.


Hope that this helps you!


Kind regards,

Rui Barradas