Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme »

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


  #1  
Old Mar 7, 2009, 10:04 AM
Tigger
 
35 posts · Feb 2009
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.
  #2  
Old Mar 7, 2009, 03:27 PM
Flynn's Avatar
Flynn
 
3,768 posts · Oct 2008
Munich, Germany
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

HTML Code:
<div id="slideshow" class="widget widget_slideshow">
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:

HTML Code:
div#slideshow div.widget-title {
...
}
The parent doesn't need to be the immediate parent. To style all widget titles in the left column differently

HTML Code:
td#left div.widget-title {
...
}
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...
  #3  
Old Mar 8, 2009, 07:35 AM
Tigger
 
35 posts · Feb 2009
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.
  #4  
Old Mar 8, 2009, 10:35 AM
Flynn's Avatar
Flynn
 
3,768 posts · Oct 2008
Munich, Germany
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:
HTML Code:
div#slideshow div.widget-content {
...
}
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

HTML Code:
div#slideshow div.widget-content {
border: 2px solid #003399;
width: 170px;
height: 100px
}
  #5  
Old Mar 11, 2009, 02:47 PM
Tigger
 
35 posts · Feb 2009
works at a glance ! Thank you !

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Page Specific Logos drewpasmith Header configuration & styling 15 May 12, 2009 06:45 AM
How to stop address URL link from popping up when the cursor is on a link? araneum Post-Kicker, -Byline & -Footer 0 Apr 11, 2009 06:00 PM
Making one specific widget different than the others. Nourdmrolnmt1 Sidebars & Widgets 0 Mar 26, 2009 08:51 PM
Category description & category classes shedhed Page & Category Menu Bars 4 Mar 22, 2009 01:25 AM
can someone give me a tutorial how to create a theme like this falguni1 Header configuration & styling 0 Feb 27, 2009 11:23 AM


All times are GMT -6. The time now is 06:15 PM.


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