javascript - Is there a way to change a css style of an external script? -

i have external script running on 1 of pages -

<script type="text/javascript">var opt={id:829,cnt:3,bg:''};(function(){var script=document.createelement("script");script.type="text/javascript";script.async=true;script.src="https://kvr.ru/js/widget/api.js?id=829";document.getelementsbytagname("head")[0].appendchild(script);})();</script> 

when insert in page ugly looking vertical scrollbar.

i've changed css values via firebug, , helps, how override css script gets?

i want change font-size in following css external code:

p.info-widget, p.info-widget a{ color:#959595; font-size:10px; margin:0 1px 0 0; text-align:right; 

}

i've tried insert p.info-widget main.css, , override font-size !important, doesn't work(

add or include css after script's css, override it.

for example, if external css has:

p.info-widget, p.info-widget a{ color:#959595; font-size:10px; margin:0 1px 0 0; text-align:right; } 

you can override css including after it.

p.info-widget, p.info-widget a{ color:#2e2e2e; // changed color font-size:10px; margin:0 1px 0 0; text-align:right; }