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 »

Set column width by percent


  #1  
Old Jan 2, 2011, 07:49 PM
ellenfinkl
 
54 posts · Aug 2009
I'd like to set the column width by percent. What works on a 22-in monitor doesn't work on a 15-in one (much less a 7-in one on a phone!). I saw an old (closed) post that said:
You can try adding it with a CSS insert

col.colone {
width: 20%;
}
col.coltwo {
width: 60%;
}
col.colthree {
width: 20%;
}

I see where to put the insert, but can someone explain exactly how to use it? I know how to use a CSS style for text, but not for column width. I'd want it to apply to the entire blog.
Thanks!
__________________
http://www.ellenfinkelstein.com
  #2  
Old Jan 2, 2011, 08:01 PM
juggledad's Avatar
juggledad
 
23,598 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
A great resource for CSS is http://w3schools.com/css it will give you an explanation of all the CSS options and a chance to test them.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Jan 3, 2011, 01:00 PM
ellenfinkl
 
54 posts · Aug 2009
That's for HTML, and I have used CSS quite a bit on my HTML pages. The thing I don't understand is how to implement it in a theme in WordPress.

If someone could explain what I do after creating the CSS insert, that would be appreciated. I'm assuming that I don't have to go to the HTML tab and add CSS styles on every post!
__________________
http://www.ellenfinkelstein.com
  #4  
Old Jan 3, 2011, 02:40 PM
juggledad's Avatar
juggledad
 
23,598 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
W3schools has an html area and a CSS area

The CSS insert area of the atahualpa theme allows you to override or add CSS selectors and rules to the page being displayed. Once you add a valid selector, the rules will be automatically applied to all elements that match the selectors.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #5  
Old Jan 3, 2011, 04:43 PM
ellenfinkl
 
54 posts · Aug 2009
So I would have to put the selector on every post?
__________________
http://www.ellenfinkelstein.com
  #6  
Old Jan 3, 2011, 05:08 PM
juggledad's Avatar
juggledad
 
23,598 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
It depends. There are ID's and CLASS's already assigned to posts so if you can't use the ones already defined, then yes you probably want to add in some HTML with the class you want
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Bookmarks

Tags
column width, percent

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Correct CSS to set maximum width of center area, yet retain fluid header ima Wimbledon Center area post/pages 2 Dec 22, 2010 09:36 AM
[SOLVED] Sidebar Width In Percent? bcwhite Sidebars & Widgets 3 Aug 1, 2010 06:37 AM
[SOLVED] Set Sidebar width by % instead of by px? erglebop Sidebars & Widgets 2 Oct 4, 2009 09:55 PM
setting max-width of center column willowtree Atahualpa 3 Wordpress theme 3 Apr 13, 2009 04:46 PM


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


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