Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

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

[SOLVED] Centering a plugin within a custom widget


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old Jan 1, 2013, 03:04 PM
Megan1967's Avatar
Megan1967
 
14 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!
  #2  
Old Jan 1, 2013, 03:53 PM
lmilesw's Avatar
lmilesw
 
10,107 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.
  #3  
Old Jan 1, 2013, 04:04 PM
Megan1967's Avatar
Megan1967
 
14 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!

Megan

Bookmarks

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 11:30 AM
Centering Text Label In Widget Title jfrenaye Sidebars & Widgets 1 Feb 5, 2010 10:55 PM
Suddenly, new widget area not centering paulae Header configuration & styling 2 Nov 4, 2009 03:24 PM
[SOLVED] Centering Header Widget? keeperleaguegm Sidebars & Widgets 3 Aug 13, 2009 02:23 PM


All times are GMT -6. The time now is 11:54 PM.


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