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 » Center area post/pages »

CSS documentation


  #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,176 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,176 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
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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 05:22 AM.


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