Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

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

[SOLVED] Centering a plugin within a custom widget


  #1  
Old Jan 1, 2013, 03:04 PM
Megan1967's Avatar
Megan1967
 
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!
  #2  
Old Jan 1, 2013, 03:53 PM
lmilesw's Avatar
lmilesw
 
10,176 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
 
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!

Megan

Bookmarks



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 12:31 PM.


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