Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Center area post/pages »

CSS documentation


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old May 5, 2011, 12:28 PM
tunturiflyer
 
5 posts · Apr 2011
Miles1SW kindly suggested the answer below to create a different background for pages and posts.

The bit I don't understand is the type-page and type-post class selectors.

Would appreciate a link to any documentation on class selectors available in ATO.

Or, would be good to know if such class selectors are only discoverable by working through the code.

Much appreciated.

Here's Miles' answer:

you perhaps could use the following in ATO>Add HTML/CSS Inserts>CSS Inserts
HTML Code:

.type-page {
background: #fff !important;
{
.type-post {
background: #greenhexcode !important;
}
  #2  
Old May 5, 2011, 12:42 PM
lmilesw's Avatar
lmilesw
 
10,100 posts · Jul 2009
Central New York State USA
You would just put that exact code in ATO>Add HTML/CSS Inserts>CSS Inserts and change the colors to what you want.
__________________
~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 5, 2011, 01:37 PM
tunturiflyer
 
5 posts · Apr 2011
Hi Miles,
Indeed, many thanks, I did that, and it worked pretty well.

I would like to understand how it works, and how to create similar solutions by modifying the CSS.

So far, I haven't found any documentation on the type-page class selector, and I would guess there are a bunch of other class selectors that are also available. Admittedly, I haven't quite finished Eric Meyer's CSS book, but I couldn't find anything on the web either.

Essentially the deeper question is, if I may be so bold as to sit at your feet and learn:

"how on earth did you discover your excellent solution in the first place?"
  #4  
Old May 5, 2011, 03:49 PM
lmilesw's Avatar
lmilesw
 
10,100 posts · Jul 2009
Central New York State USA
For much of what I do I use the Firebug addon for Firefox. Then I look for the selectors. That can take some familiarity with what you are looking at though. In your case I just use the Firebug inspector to "look" at a post and a page and noted the class selectors. Then I just did a virtual test, again with Firebug, with those selectors and tried display:none and it worked.

This is much easier to do than explain but after awhile as you become more familiar with what you are looking at things come easier.
__________________
~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 5, 2011, 04:16 PM
tunturiflyer
 
5 posts · Apr 2011
Much appreciated Miles. I spent ages looking for some documentation, as I thought type-page and type-post might be documented somewhere.

It's really useful just knowing what I need to master.
  #6  
Old May 5, 2011, 05:16 PM
juggledad's Avatar
juggledad
 
22,265 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
FYI, there are no 'standard' classes and IDs anyone written a theme or plugin or a post using the HTML editor can create their own. I could code
HTML Code:
<div class="juggledad">Hello World</div>
and its valid. WordPress has started using some standard classes for menus and posts but each theme can add their own.
__________________
"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
bfa_ata_ ... functions - Is there documentation? How to use them? MichaelNagel Atahualpa 3 Wordpress theme 2 May 25, 2010 09:03 AM
Documentation csguys New Versions, & Updating 6 Dec 18, 2009 10:14 AM
[SOLVED] Is there Documentation or Beginners guide, anything like this? marc Atahualpa 3 Wordpress theme 1 Sep 15, 2009 01:23 PM
is there any documentation for this theme? tomhypno Atahualpa 3 Wordpress theme 2 Apr 14, 2009 04:19 AM


All times are GMT -6. The time now is 07:33 AM.


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