I inserted a new widget into my footer to achieve placing html code (of an image) at the top of my footer. However, there is a small gap (about 5px of what appears to be background color) due to the widget title box I believe. It basically makes it look like the b.g. image and the image at the top of my footer aren't touching, which I would like them to do.
My first thought was padding on my widgets. But ATO>Style WIDGETS>Widget Container: shows:
font-size: 12px;.....*So, the R and L sides of widget containers have 10px padding but nothing on top or bottom. Correct?
margin: 0 0 5px 0;
padding: 0px 10px 0px 10px;
I also checked to make sure the space was in footer and not in the center column and it is not. My center column has no padding on bottom - only 15px on sides. ATO>Style & edit CENTER COLUMN>Center Column Style: padding: 0px 15px 0px;
I tried removing the padding-bottom and margin-bottom from the ATO>Style WIDGETS>Widget Title:
but the 5px or so of space remained.
font-size: 0.8em;Plus, I'd like to have all my other widgets have this style applied to them.
border-bottom: solid 1px #252525;
padding-bottom: 10px;/*i tried making this zero but it didn't fix issue*/
margin-bottom: 10px; /*i tried making this zero but it didn't fix issue*/
SO, how can I remove the title box from one particular widget? I read about creating ID's and Classes here to address specific theme items, but wasn't sure 1.) if doing that would achieve my goal of trying to remove the title box for only 1 of my widgets and 2.) what to insert into ATO>Various Content Items> Add HTML/CSS inserts.
Also, I tried putting the HTML code of the image into %bar2 but had trouble with centering it and then figured that a widget would be a more appropriate way to place the image where I want it. If there is another way to place image (via html) at the top of my footer i'm all ears.