I'm not sure how to describe this clearly, so bear with me.
This is the web site I am working on: http://meganstestsite2.com/
I have created a custom widget area called "center." I also have "left" and a "right" custom widget areas. I know I'm recreating the wheel to some extent, but I want the right and left columns to appear under the slide show I'm using and the template columns weren't playing nicely with that.
So, anyway, in the "center" widget area I put in a generic "text" widget.
In this generic "text" widget I put in this short code [jqdpostthumbs type="featured-pets"]
The short code is for the plugin called jqDock Post Thumbs.
I am trying to center the resulting images within the "center" div created by the custom widget area. These are the three images of the cats.
The following is the code generated by Atahualpa when the page is rendered:
<div id="center" class="bfa_widget_area">
<div id="text-4" class="widget widget_text">
<div class="textwidget"><div class="jqd_container"><div class="jqd_menu"><a href="http://meganstestsite2.com/?p=22"><img src="http://meganstestsite2.com/wp-content/uploads/2012/12/Alex3-150x150.jpg" width="150" height="150" alt="" title=""></a><a href="http://meganstestsite2.com/?p=61"><img src="http://meganstestsite2.com/wp-content/uploads/2012/12/008-150x150.jpg" width="150" height="150" alt="" title=""></a><a href="http://meganstestsite2.com/?p=25"><img src="http://meganstestsite2.com/wp-content/uploads/2012/12/dewey-150x150.jpg" width="150" height="150" alt="" title=""></a></div></div></div>
I've been trying to manipulate the div tags using the css inserts feature of Atahualpa.
I've tried all of the typical "centering tricks" setting the right/left margins to auto; text-align:center; margin: 0 auto; etc. And yes, I'm setting the width for the div tags when I do all of this.
I've tried nested css as well as just plain addressing the div tag I am interested in.
I'm completely baffled why none of this is working. Help!