Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Atahualpa 3 Wordpress theme (http://forum.bytesforall.com/forumdisplay.php?f=2)
-   -   [SOLVED] Centering a plugin within a custom widget (http://forum.bytesforall.com/showthread.php?t=19228)

Megan1967 Jan 1, 2013 02:04 PM

[SOLVED] Centering a plugin within a custom widget
 
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!

lmilesw Jan 1, 2013 02:53 PM

How about something like
HTML Code:

#text-4 .textwidget {
    width: 1000px;
}


Megan1967 Jan 1, 2013 03:04 PM

That did it! I was trying to use the width of the "center" div, not the width of the whole page.

Thank you for your help!

Megan


All times are GMT -6. The time now is 04:50 AM.

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.