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

[SOLVED] Sizing a new widget area


  #1  
Old Aug 31, 2009, 07:15 PM
horsemansarts
 
122 posts · Jul 2009
I've tried to adjust the 'width_x' parameter but I can't seem to get the cells of the widget area to be anything except equally divided in the available space. Also, there is no space between them. They need some kind of padding or margin?? Not sure where to put that.

Here is the URL: http://www.horsemansarts.com

The widget area in question has been put at the bottom of the home page. Any help is appreciated!!

Also, the formatting is different from the widgets in the side bar. I tried removing the before/after html but that didn't change anything. Any other thoughts? Is there a way to format these areas directly?

Last edited by horsemansarts; Sep 1, 2009 at 07:31 AM.
  #2  
Old Sep 3, 2009, 08:44 AM
horsemansarts
 
122 posts · Jul 2009
Any thoughts?

  #3  
Old Sep 4, 2009, 06:31 AM
juggledad's Avatar
juggledad
 
23,571 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
try adding a 'width=...' to the TD
HTML Code:
td.centerwidget_1 {
width: 40px;
}
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #4  
Old Sep 4, 2009, 04:02 PM
horsemansarts
 
122 posts · Jul 2009
Thank you for your reply! I assume that I am to put this in to the CSS inserts section? I did that but there isn't any change. What am I doing wrong?

Thanks again,
Sharon
  #5  
Old Sep 4, 2009, 10:06 PM
horsemansarts
 
122 posts · Jul 2009
I'm really struggling to figure this out! I've got Firebug installed and I've been studying the code TRYING to 'connect the dots'. I have added code to the CSS inserts as suggested (plus various experiments I've tried) and I just can't seem to get it to change anything at all. Could something be overriding?

Thanks in advance,

Sharon
  #6  
Old Sep 5, 2009, 05:00 AM
juggledad's Avatar
juggledad
 
23,571 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
Oh futz, my bad I keep messing up class's and id and wether to use a '.' or a '#'. Change the code to
HTML Code:
td#centerwidget_1 {
width: 40%;
}
the width can be absolute (ie - 40px) or you can use a percentage (65%)

If you use %'s and define it for both columns, the total will be adjusted to 100% even if you don't make it add to 100%. For example if you use 10% and 30% then the first area will be 1/4 the total and the second will be 3/4 the total space.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #7  
Old Sep 5, 2009, 08:32 AM
horsemansarts
 
122 posts · Jul 2009
Ah. OK! I thought I'd tried using #, too but I must have had some other detail wrong. What you gave did work. It was very helpful toward getting me to understand how this works. :-) Upon reflection though, it isn't really the width I need to change. What I really want is space between the two widget areas. Is there a way to code that? Another idea I had was to create a third widget area and fill it somehow with 'white space'. What do you think?

Thanks!!!
Sharon
  #8  
Old Sep 5, 2009, 09:54 AM
juggledad's Avatar
juggledad
 
23,571 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
Try this
HTML Code:
td#centerwidget_1 div.post {
	margin-top:80px;
}
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #9  
Old Sep 5, 2009, 02:04 PM
horsemansarts
 
122 posts · Jul 2009
Hmmm well that put space above the post. What I want is space BETWEEN centerwidget_1 and centerwidget_2. Can that be done with CSS?

Thanks,
Sharon
  #10  
Old Sep 5, 2009, 03:15 PM
horsemansarts
 
122 posts · Jul 2009
HA! How do you like my solution?

http://www.horsemansarts.com/

Thanks for your help!

Sharon
  #11  
Old Sep 5, 2009, 03:48 PM
juggledad's Avatar
juggledad
 
23,571 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
Good job, that was what I was going to suggest

to anyone else following, she added a third center widget between the other two and gave the widths as 49% 2% and 49%
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
WPMU - new widget area(S) ? teros Sidebars & Widgets 3 Sep 5, 2009 05:22 AM
New Widget Area formatting calutateo Sidebars & Widgets 1 Aug 16, 2009 05:03 AM
Footer Widget Area aebrigham Sidebars & Widgets 2 Aug 11, 2009 02:26 PM
New widget area in header paulae Sidebars & Widgets 10 Jul 3, 2009 02:45 PM
Re-sizing Images feastfresh Atahualpa 3 Wordpress theme 1 Mar 17, 2009 05:17 PM


All times are GMT -6. The time now is 09:33 PM.


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