How to create ID´s and Classes to address specific items in the theme ?
 

Hi Flynn,

you recommended me to use firefox with extension to work on your theme css and customize it. That recommendation was super ! Thank you very much ! Without this tool I would be totally lost !

But now comes my latest question:
When I want to edit an item, it does not always has it´s own class or id. So if I edit it, I automaically edit all items in that class or with this id.

Example:
In the right sidebar I have 2 widgets. Each with a headline. Now I only want to have the headline of the upper widget with a border under it. When I add border-bottom to the div.widget-title in styles.css, all titles of widgets get a border.

How can I create for this single title a class or id, so that I can define css only for this specific item ?

That would be very important to know for many situations. Sometimes I also get no class or id shown in firefox. Just element.style (geerbt von p) z.B.

That brigs a lot of headaches to me.

Thank you for support, even if it is not specific for your theme. I am sure many people need such infrmation here.

Atahualpa's sidebars are set up to give each widget 1 unqiue ID, 1 overall "widget" class and 1 unique widget class. You can access the title container inside the widget through the ID or class of the parent container

Your first widget has this as the parent container

Since the title container is inside this parent container, you can still access it individually through the unique class or ID of it's parent container:

The parent doesn't need to be the immediate parent. To style all widget titles in the left column differently

I am also adding more classes and ID's everywhere in the next version for the remaining items that currently have no unique class or ID and cannot be accesses through their parents either, such as menu bar items, post containers, etc...

Thank you for quick answer ! It works as always. But how do I get a 1 px solid border around the slideshow ? I just do not catch this slideshow with it´s id or class.

You're right, CSS on the SWF object doesn't seem to work.

You can still access it through it's parent, the widget-content container:
There's a little space between object and border if you apply this.
To avoid that size the widget content container for that specific widget to be the
same size as the swf object

works at a glance ! Thank you !