I'm facing an issue where the style I need is not showing up in the source code. Specifically, I am attempting to make the .widgettext element narrower, but so far I have had no success. Unfortunately, I cannot share the entire theme on a platform like Fiddle due to restrictions on posting URLs. It seems clear that there is some other style overriding my desired one, but I can't identify what it is.
You can view the live link here.
Thank you in advance!
<div id="infocontainer">
<div class="infowidgets">
<div class="widgettext">
#widget
</div></div>
<div class="infowidgets">
<div class="widgettext">
</div></div>
</div>
and the css
#infocontainer {
width:100%;
min-height:200px;
background-color:#222222!important;
z-index:999999;
}
.infowidgets {
width:50%;
margin-top:30px!important;
display:inline-block;
float:left;
margin:0;
text-align:center;
color:white;
}
.widgettext {
width:30%;
margin:0 auto;
}