Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme »

[SOLVED] Centering a plugin within a custom widget

Old Jan 1, 2013, 02:04 PM
Megan1967's Avatar
18 posts · Jan 2012
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!
Old Jan 1, 2013, 02:53 PM
lmilesw's Avatar
10,174 posts · Jul 2009
Central New York State USA
How about something like
HTML Code:
#text-4 .textwidget {
    width: 1000px;
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
Old Jan 1, 2013, 03:04 PM
Megan1967's Avatar
18 posts · Jan 2012
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!



Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Similar Threads
Thread Thread Starter Forum Replies Last Post
widget css not applying to wp custom fields search plugin lovin'wordpress Plugins & Atahualpa 7 Jun 11, 2011 10:30 AM
Centering Text Label In Widget Title jfrenaye Sidebars & Widgets 1 Feb 5, 2010 09:55 PM
Suddenly, new widget area not centering paulae Header configuration & styling 2 Nov 4, 2009 02:24 PM
[SOLVED] Centering Header Widget? keeperleaguegm Sidebars & Widgets 3 Aug 13, 2009 01:23 PM

All times are GMT -6. The time now is 03:05 AM.

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