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 »

Set column width by percent


  #1  
Old Jan 2, 2011, 06:49 PM
ellenfinkl
 
55 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, 07:01 PM
juggledad's Avatar
juggledad
 
23,765 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, 12:00 PM
ellenfinkl
 
55 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, 01:40 PM
juggledad's Avatar
juggledad
 
23,765 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, 03:43 PM
ellenfinkl
 
55 posts · Aug 2009
So I would have to put the selector on every post?
__________________
http://www.ellenfinkelstein.com
  #6  
Old Jan 3, 2011, 04:08 PM
juggledad's Avatar
juggledad
 
23,765 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 08:36 AM
[SOLVED] Sidebar Width In Percent? bcwhite Sidebars & Widgets 3 Aug 1, 2010 05:37 AM
[SOLVED] Set Sidebar width by % instead of by px? erglebop Sidebars & Widgets 2 Oct 4, 2009 08:55 PM
setting max-width of center column willowtree Atahualpa 3 Wordpress theme 3 Apr 13, 2009 03:46 PM


All times are GMT -6. The time now is 05:16 AM.


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