CSS Love : }

Over the course of the last few months, I’ve logged a lot of hours reading, searching forums and discussion threads looking for ways to make my website/blog unique. In my quest I’ve been frustrated on a number of occasions as I’ve tried one code after another only to be disappointed by the end result. This blog entry is my attempt to ease the frustrations of a few who want to change the look of their website/blog. What I am about to share is not an exhaustive list, but just a few things I have learned along the way. If you use a Triton Lite theme these CSS codes will work great for you and even if you don’t, depending on your site’s theme, they may still work or can be customized to your liking. Enjoy!

To change your masthead text color:

#access a {
color:#HEX COLOR NUMBER;
}

To change the background color of your submit button in a form:

input[type=submit] {
background:#HEX COLOR NUMBER;
}

To remove the solid line under your header:

#header {
position:absolute;
}

To ad an image as background behind masthead:

#masthead {
display:block;
background:url(INSERT IMAGE URL) repeat;
}

To change the color when hovering over text in masthead:

#access li:hover > a {
color:#HEX COLOR NUMBER;
}

To change spacing of text in masthead:

#access a {
display:inline;
padding:INSERT IN PIXEL OR EM SPACING DESIRED;
}

To change line color and size under blog entries:

.lay1 > div {
border-bottom:INSERT PIXEL OR EM SPACING #INSERT HEX COLOR NUMBER! important;
}

To change position of text in masthead:

#access ul {
margin:INSERT DESIRED SPACING NUMBER;
padding-left:INSERT IN PIXEL OR EM SPACING DESIRED;
}

To remove text on blog entry preview:

.triton-lite-excerpt {
display: none;
}

To change text case in masthead:

a {
text-transform: CAN BE CAPITALIZE, UPPPERCASE, or LOWERCASE;
}