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 » Sidebars & Widgets »

[SOLVED] Center all widgets in Right Sidebar


  #1  
Old May 24, 2012, 05:38 PM
adrian29630
 
39 posts · Sep 2011
Hi I am working on a new site design where it would look better if all widgets appearing in the right sidebar were centered. There will be a mix of types, image, text translate, etc. Some widgets provide a placing option but some don't.

Is there a way to control the position of all widgets via a CSS insert?

Using WP 3.3.2 And Atahualpa 3.6.7 by the way.

Thanks
  #2  
Old May 24, 2012, 09:41 PM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
You can't necessarily position all widgets via one CSS rule. It depends on the selectors used by the plugin developer.
__________________
~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 May 25, 2012, 01:11 PM
adrian29630
 
39 posts · Sep 2011
Thanks for the reply. The particular widget I want to center is the Translate This widget. I have added the following to the CSS inserts:-
<style type="text/css">
#translate-this {
text-align: center;
}

#translate-this .translate-this-button {
float: none !important;
margin: 0 auto;
}
</style>

This has centered the button and I would have thought should also have done the same with the text heading (Title) but that is still remaining to the left!

Any suggestions to rectify this greatly appreciated

Thanks
  #4  
Old May 25, 2012, 02:21 PM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
I don't know if this is the issue but you don't need
HTML Code:
<style type="text/css">
</style>
Just the CSS
__________________
~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.
  #5  
Old May 25, 2012, 02:42 PM
adrian29630
 
39 posts · Sep 2011
Thank you for the reply. I have removed the above which leaves the button centered but still the Title text left aligned and not centered. Very odd as I would have thought the "text-align:center; should have taken effect. However in the source code it says:-

<div id="ttb-widget-4" class="widget translate_tb_widget">
<div class="widget-title">
<h3>
Translate this Page
</h3>
</div>

So I am wondering if it is taking the overriding instruction for the position for all h3 titles which could be left aligned in the right hand sidebar?
  #6  
Old May 25, 2012, 02:45 PM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
what is the url?
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #7  
Old May 25, 2012, 02:45 PM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
You might have to add !important to the CSS but without seeing the site I am guessing.
__________________
~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.
  #8  
Old May 25, 2012, 02:50 PM
adrian29630
 
39 posts · Sep 2011
!important; didn't work unfortunately. website url is http://repdomproperties.com/visitjd/

Thanks
  #9  
Old May 25, 2012, 02:57 PM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
The translate-this ID is not the correct one to target. This is what I see as the proper CSS with Firebug
HTML Code:
#ttb-widget-4 .widget-title {
    text-align: center;
}
__________________
~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.
  #10  
Old May 25, 2012, 03:13 PM
adrian29630
 
39 posts · Sep 2011
Magic!!! That certainly did the trick. Thank you so much

Kind regards

Adrian

Bookmarks



Similar Threads
Thread Thread Starter Forum Replies Last Post
Can I add widgets to the center column? gaz7575 Sidebars & Widgets 24 Jan 12, 2010 07:01 AM
left sidebar controls center and right sidebar roekoe Sidebars & Widgets 0 Mar 16, 2009 04:11 AM
right widgets cut off in IE, Firefox-right sidebar text smaller than on left sidebar daisy24 Sidebars & Widgets 2 Feb 23, 2009 10:59 AM
Set left sidebar widgets same distance from center area as right sidebar widgets daisy24 Sidebars & Widgets 2 Feb 19, 2009 05:11 AM


All times are GMT -6. The time now is 12:47 PM.


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