Skip to Content (Press Enter)
2022-09-10 22-09-09
Francisco Brito
52Views
5Comments
Solved
It´s possible insert image into feedback message?
Question
Reactive
Feedback
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:



0
0
12 Nov 2020
Copy Link
2020-05-07 18-53-00
Rui Barradas
 
MVP
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

See solution in context
0
0
12 Nov 2020
Copy Link
2022-09-10 22-09-09
Francisco Brito

ok thanks, it´s working now :)

0
0
13 Nov 2020
Copy Link
2022-10-17 06-51-09
Shweta Gedam

Hi Fransisco,

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

Thanks :)

0
0
12 Nov 2020
Copy Link
2022-09-10 22-09-09
Francisco Brito

like this


0
0
12 Nov 2020
Copy Link
2022-10-17 06-51-09
Shweta Gedam

Replying to Francisco Brito's comment on 12 Nov 2020 11:03:27

You can use the CSS - background-image: url('<PathName>'); inside ECT_FeedbackContainer class.

Hope this help!! Thanks 

1
0
12 Nov 2020
Copy Link
2020-05-07 18-53-00
Rui Barradas
 
MVP
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

0
0
12 Nov 2020
Copy Link
2022-09-10 22-09-09
Francisco Brito

ok thanks, it´s working now :)

0
0
13 Nov 2020
Copy Link
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.