Formatacao widget citações

Como formatar a widget Citações para ficar igual a configuração Depoimentos?

https://www.jotform.com/build/241776202355657

Na widget depoimentos eu consegui formatar via css, mas o codigo nao funcionou para a widget citações:

h2{

font-size: 25px !important;

 color: red;

 width: 500px;

}

body {

 width: 700px;

 margin: auto;

 align-items: center;

 justify-content: center;

 background-color: #ff9500;

 opacity: 0.7;

 padding: 0 20px 20px 20px;

 box-shadow: 10px 10px 5px red;

}

Hi Milhena,

Thanks for reaching out to Jotform Support. Our Portuguese Support agents are busy helping other Jotform users right now, so I'll try to help you in English using Google Translate, but you can reply in whichever language you feel comfortable using. Or, if you'd rather have support in Portuguese, let us know and we can have them do that. But, it might take a while until they're available again.

Now, coming back to your question, I’ll need a bit of time to look into this. I’ll get back to you as soon as I can.

Hi Milhena,

Thanks for your patience. Please delete the existing CSS codes set in the Custom CSS tab of the Quotes widget and replace it with this one:

#bq {

  color: black;

  margin: auto;

  background-color: white;

  opacity: 0.7;

  padding: 40px 11px 20px 20px;

  box-shadow: 10px 10px 5px 0px red;

  margin-bottom: 20px;

  margin-right: 10px;

  margin-left: 80px;

}

Here's how you can replace the existing codes:

1. In Form Builder, select the Quotes widget and click the Widget Settings button (wand icon).
2. In the Widget Settings panel, go to the Custom CSS tab.
3. Replace the existing codes there with the one I shared above.
4. Click the Update Widget button.
   

Here's the result:

Give it a try and let us know if you need any other help.