Comments | s2smoothsailing: Customizing tags list in sidebar

valiha in s2smoothsailing

Customizing tags list in sidebar

Sep 30, 2009 16:30

Journal Preview: dj_aidaStyle Name: Smooth Sailing ( Read more... )

Back to all threads

marilla_pm67 September 30 2009, 15:08:17 UTC

Like for this ?

http://marilla-pm67.livejournal.com/?s2id=35506707

change
.sidebox #tags_sidebox a {
display:block;
text-align:left;
font-family:"georgia",sans-serif;
font-size:12px;
font-weight:400;
border-bottom:1px solid #CFBC9B;
background:transparent url(http://i62.photobucket.com/albums/h103/DJ_Aida/b002.gif) no-repeat left;
padding-left:13px;
}
.sidebox #tags_sidebox {
text-align:left;
font-size:0 !important;
}
#tags_sidebox ul, .sbaritem {
list-style-type: none;
text-align: left;
}
.sbaritem {
font-size:12px;
border-bottom:1px solid #CFBC9B;
margin-left: -17px;
padding: 1px 0px;
text-indent: ;
background:transparent url(http://i62.photobucket.com/albums/h103/DJ_Aida/b002.gif) no-repeat left;
padding-left:13px;
}

to
.sbaritem {
font-size:12px;
border-bottom:1px solid #CFBC9B;
margin-left: -17px;
padding: 1px 0px;
List-style: none;
background:transparent url(http://i62.photobucket.com/albums/h103/DJ_Aida/b002.gif) no-repeat top left;
padding-left:13px;}

li.sbaritem { padding-left:13px; font-size: 10pt; letter-spacing: 2px; font-variant: small-caps;}

li.sbaritem li.sbaritem {padding: 0px 20px; inside; text-transform: none; letter-spacing: 0; border: 0; font-variant: normal; font-size: 11px;}

valiha September 30 2009, 19:25:51 UTC

Ooh, that does seem pretty! Thank you, I will try it out now.

valiha September 30 2009, 20:00:52 UTC

...and it works! I tweaked it some, to increase the font size which is too small for my eyes, and reduce the padding-left. I like it very much, thank you.

(If I may, in a previous post I had a question on how to make the "View subjects" text appear on the Archive page? I see you have that; it's not visible in my layout, and I don't know what's hiding it.)

marilla_pm67 September 30 2009, 20:23:00 UTC

The layout I have currently up, is a Flexible Square one, The one YOU have up is a Smoothsailing one...

To see the Subject, you have to click on the month ...
change
.entryHeader {
color:#eee;
font-family:"georgia", sans-serif;
text-decoration:none;
text-align:right;
font-size:0;
letter-spacing:-0.5pt;
border-bottom:1px solid #e9e2c5;
min-height:7px;
padding:15px 20px 0 0;
}

to

.entryHeader {
color:#eee; font-family:"georgia", sans-serif; text-decoration:none; text-align:right; letter-spacing:-0.5pt; border-bottom:1px solid #e9e2c5;
min-height:7px; padding:15px 20px 0 0; }

It should work.

Sam.

valiha September 30 2009, 21:03:31 UTC

Aha, so get rid of the font-size:0; then? Hmm, I think I added that to get rid of the hyphen in the .entryHeader, as it was bothering me. Let me see what happens when I do that.

...and there it is! It didn't seem to bring back the hyphen, which is a good thing. OK, now I just need to see about editing it to look like a regular .entryHeader. Let's see...

Fabulous, thank you!

Back to all threads