I'm starting off very basic, with basic layouts, colors, images, etc. until I get this down and can design something better. I'm playing with things like changing colors, sizes, padding, etc. of text. One of the first things I did was try and change the [TITLE] to a different color in my container. I wrapped my [TITLE] in a <h1> tag and gave <h1> some properties in the container css file. I noticed this did not work...so I took a look at another skin for reference and noticed that it had a ".Head" after the h1 in their css file. So I tried that and it worked. So I looked at the Default.css and saw the .Head class in there. ok, so I have to overwrite some classes. i guess my question is, besides scrolling through the default.css and hoping to find a class name that might be the one I want, how do I know which classes to overwrite?
After I got the .Head class the way I wanted it, I wanted to try and modify the text in my text/html module within my container. I managed to change the color by setting my body text color in my skin.css. But on a contaienr level, I can't seem to add any padding to the text...here is my html code...
<body>
<div id="container_head">[ACTIONS]<h1>[TITLE]</h1></div>
<div id="container_content"><div id="ContentPane" runat="server"></div></div>
</body>
here is my css code...I aslo tried adding a padding to #container_content and that didn't work either.
#container_content {
height: 100%;
width: 100%;
}
#ContentPane {
padding-left: 10px;
}
Is there a class I should be overwriting to modify that text? Thanks for any help