Hi there
I'm using 3.6.7
Wordpress 3.1.3
I have created 4 widgets in my footer called my_
<?php bfa_widget_area('name=My widget area&cells=4&align=1&align_2=9&align_3=7&width_4=2 00&before_widget=<div id="%1$s" class="header-widget %2$s">&after_widget=</div>'); ?>
My issue is that I want to align remove the square block, ensure the contact us title is next to the icon on the title and make sure the text is aligned left.
I have put the following on the css. I must be doing something wrong but have tried looking in firebug and I cannot seem to make the changes in wordpress. Thanks in advance
/*======footer widget styling===========*/
#my_widget_area_1 {
vertical-align:top;
font-color:#fffffe;
text-align: left;
border: background: transparent !important;
background: background: transparent !important;
}
#my_widget_area_2 {
vertical-align:top;
border: background: transparent !important;
background: background: transparent !important;
}
#my_widget_area_3 {
vertical-align:top;
text-align: center;
border: background: transparent !important;
background: background: transparent !important;
}
#my_widget_area_4 {
vertical-align:top;
border: background: transparent !important;
background: background: transparent !important;
}
div.widget_my_widget_area_1 ul {
/* for other styles, try "disc", "square" or "decimal" instead of "circle" */
list-style-type: square !important;
}
div.widget_my_widget_area_1 ul li {
/* 1.35 or more required for Safari or bullets too wide on the left */
margin-left: 1.35em;
/* overwrite existing display:block Firefox */
display: list-item;
}
website is
www dot integraassociates dot co dot uk/