Sidebars in Sandbox theme
-
Hello clever people.
I’m probably missing something obvious, but I’ve been all over the Support and Forums and can’t find the answer to a very simple question.
One of my wordpress.com blogs is one I just use for trying things out, and I am using it at the moment to develop my own theme from the Sandbox 1.6.1 for eventual use on http://www.sweetiestravels.wordpress.com .
Having played about with “adding” to the Sandbox theme for a while, just to get the feel of it and to get myself tuned in to CSS again, I’ve now reached the stage where I’m working “from scratch”.
The problem I am having is that, although the widgets screen under “Appearance” tells me that I have two Sidebars to put widgets in, I can’t work out how to refer to them individually within the CSS so that I can tell it to position one of them on the right hand side of the screen (or do anything else strange with it).
I use odd colours and things in the first instance while I’m developing so that I can check that I have identified the correct item and to prove I have no “leakage” through the cascades, and I have identified the sidebars easily enough with the coding…
div.sidebar { width:20%; background:indianred; color:green; margin:10px; }
( well I did say I was still developing it ! )
I vaguely remember seeing some code somewhere that referred to sidebar-1 and sidebar-2, but that doesn’t seem to help in this instance.
Any ideas anyone as to how to refer to individual sidebars ?The blog I need help with is: (visible only to logged in users)
-
They have seperate IDs: “primary” and “secondary” so you can refer to them with:
#primary {} #secondary {}lh
-
-
If you use Firefox then search for the Web Developer Toolbar and Firebug which are great for this sort of thing. Firebug in particular will let you click anywhere on a web page and jump straight to the HTML and CSS to see how it is tagged and styled.
lh
- The topic ‘Sidebars in Sandbox theme’ is closed to new replies.
WordPress.com Forums 