ThemeShaper Forums

Help In Shaping WordPress Themes

Register or log in:

Username:
Password:

Remember me

ThemeShaper Forums » Thematic

1. 

   johnny baconbitz
   Member

   Using web developer in Firefox to isolate some info in the main aside.
   So one area is: #primary .aside main-aside

   Only, can't find any css for #primary or class of .aside main-aside?

   On another, in the aside, web dev is telling me a <h3> with a class of .widgettitle, no where I can find?
   The css that makes that <h3> dance is actually a class called .main-aside h3? What is the disparity coming from in what web developer thinks it is named with what actually is its name? Makes for a lot of trial and error in the css. Seems there are several cases like this.

   Any help is appreciated.

   Posted 10 years ago #
2. 

   Chris
   Moderator

   There're different approaches to CSS.

   You could create a DIV, a CLASS and an ID for each element in your theme. Pretty hard to learn, understand and to read. A classic case for a designer suffering from what is commonly known as Divititis, or, using the HTML DIV element to tag all of the content.

   Or you could use a hierarchical, semantic HTML and contextual CSS. That means .. not every single element has a unique name .. but can be located by describing it's position in the CSS tree.

   Let's say .. you would like to change the appearance of the titles in "Primary Aside" only .. create a new entry in your CSS file describing the location:

   #primary h3 {color:red;}

   Let's say .. the red titles are ok, but the title of the "categories" widget in "Primary Aside" should be blue .. create an additional entry:

   #primary #categories h3 {color:blue;}

   Don't worry if not everything will work out at once .. I had the same time of trial and error. Once you got it, it's much easier to work with.

   Let me know if you need more examples or help.

   Cheers,

   Chris

   Posted 10 years ago #
3. 

   johnny baconbitz
   Member

   Chris, thanks. So there are remnants of code that live on like a class of .widgettitle that are just picking up parental or cascading css? Funny, I spent so much time looking for that css in the theme css that I never thought of just writing a new css for it. I'll try it, thanks.
   Ed

   Posted 10 years ago #

RSS feed for this topic

Reply

You must log in to post.