Hello all,

I've had a journal in the Flexible Squares layout for a long time. At some point last year, I let my paid account expire so I downgraded to Basic. So of course some of my background/header images in Scrapbook stopped working, I lost a lot of userpics, etc., and I can no longer access my custom layer. I'd like to try to restore some of my modifications using custom CSS, but I don't know how to start converting my LJ-hosted CSS (backed up locally) to the CSS you can paste into the box on the customization page, and what I can and cannot do as a Basic user.

Also, and this may be a philosophical or political issue, but would upgrading to Plus (temporarily or permanently) give me access to more customization features? I could probably find alternate web hosting instead of relying on Scrapbook, although having Scrapbook as a bonus would make things easier. I don't necessarily mind ads.

I looked at a few of the tutorials and I didn't see this kind of scenario covered. Maybe I should find a free layout community and then adapt one of those layouts instead. Has anyone else been in this situation? Thanks in advance!

I'm using a custom CSS with a paid account and for the past few days, the "go earlier" link on my friends page just vanished, even if it's there on my recent entries page. I tried various layouts and the problem remains.

( CSS under the cut  )

Thanks in advance

Edit: solved!

I can address thing B that follows thing A, but I've always wondered: is it possible to address thing A that's in front of thing B? For example, right now I'm trying to get the top and bottom border to not display if the link's wrapped around an image.

Hi, does any of you know how i can force the log out button to not cover my username?

it look like this now

should look like this:

I have a free plus blog: www.pure-havoc.com

I'm having a lot of really frustrating trouble trying to find a way to delete only certain header links. I've figured out how to hide all of the header links, but not just certain ones. I'd like to delete the archive link (because it's not updating properly for some reason) and the friends link and leave the recent entries and contact links.

If that isn't possible, then I'd be fine with hiding them all, but if that is the case then I need to know how a free user adds header links.

Thanks so much.

I have the following problem:

when I'm on my flist,usernames are displayed under the icons but when I access an entry it doesn't anymore (I view everything in my own layout). Is there a way to change that?


CSS codes (I have a paid account):

/*------------------------------------------------- until you are ready to confess by milou veronica flexible squares // basic, plus and paid ----------------------------------------------------*/ body { background: #f4f4f4 none repeat fixed 0 0; text-align: center; color: #ffffff; font-family: Arial,Helvetica, sans-serif; font-size: .75em; margin:0px;} .headerimage {position: relative; background: url(http://i.imgur.com/zIT5o.png); width: 850px; height: 400px; background-repeat: no-repeat;margin-left: auto;margin-right: auto;margin-bottom: 0px; } #content{ color: #444444; max-width: 850px; margin-left: auto; margin-right: auto; margin-top: 0px; border-width: 0px; padding: 0px;} #maincontent { padding:0; margin-left:176px;text-align: justify; } #sidebar {float:left; padding:0 0 0 25px;background: #eeeeee url(http://i41.tinypic.com/2jephzd.png) repeat scroll;width: 143px; text-align: left; color: #666666; font-size: .85em; border:1px solid #ececec;line-height: 1.75;margin-left: auto; margin-right: auto;} /*-------------------HEADER-----------------------*/ #header { background-color: #950101; margin: 0px; text-align: center; font-size: .7em; letter-spacing: 2px; color: #666666; padding: 0; } div#header a, div#header a:link, div#header a:visited{postion:relative; font-family:Arial,Geneva,sans-serif;color: #ffffff;;padding: 16px 6px;margin-left:-4px;} div#header a:hover {background-color: #000000; color:#cccccc;} div#header li.view {color: #666;padding: 16px 6px;background-color:#000000;margin-left:-4px;}div#header li.view:first-letter {color:#ffffff;} div#header li.view:hover{ background-color: #000000;} ul.navheader{ padding: 16px 6px; margin:0; } ul.navheader li {margin: 0px; list-style-type: none; padding: 3px 0px;display:inline;} .title {padding: 15px 0 0;letter-spacing: -1px;line-height:.8;margin: 0px; text-align: center;line-height:;font-size:15pt;color:#000000;display:none} .subtitle{text-transform: lowercase;line-height:1; text-align: center;letter-spacing: 6px;display:none} /*-------------------ENTRIES-----------------------*/ .subcontent { min-height: 120px; background: #eeeeee url(http://i41.tinypic.com/2jephzd.png) repeat scroll;margin-left: auto; margin-right: auto; border: 1px solid #ececec;} .date {text-transform: uppercase; color: #dddddd; font-size:.75em; } .subject {font-size: 1.5em; letter-spacing:0.07em;font-style:; line-height: 1; color: #aaaaaa; } .subject a, .subject a:link, .subject a:visited {text-decoration: none;color: #aaaaaa;} .datesubject {padding: 10px 5px 10px 10px;border-right: 1px solid #ececec; border-bottom: 1px solid #f5f5f5;background-color: #ffffff; margin-right:120px;} .entry{margin: 0px; padding: 10px 20px 0 20px;text-align: justify;line-height: 1.75; border-right: 1px solid #ececec; background-color: #ffffff; margin-right:120px;} .entry_text { min-height: 50px;} .entry ul li,.entry ol li{padding-left: 5px;margin-left: 15px;} /*---------------------------USERPICS----------------------------*/ .userpic { position: relative; float: right; padding: 4px; background-color: #ffffff; margin:5px; z-index: 15; border: 1px solid #eeeeee;} .userpicfriends { position: relative; background-color: transparent !important; float: right; padding: 0px; margin: 5px; text-align: right;z-index: 15;} .userpicfriends img {border: 0px; padding: 4px; border: 1px solid #eeeeee; background-color: #ffffff; } .userpicfriends a font {color: #111111;} /*--------------------------COMMENT BAR-------------------------*/ .comments {color: #ececec; font-size: 8pt; text-align: center; padding: 6px; position: relative; margin:0; } div.comments a, div.comments a:visited, div.comments a:link { padding: 6px;} .separator{height: 25px;} /*-------------------------CURRENTS AND TAGS-------------------------------------*/ .ljtags {text-align: right; padding: 4px 18px 4px 0; background: transparent url(http://i43.tinypic.com/14jrbjr.png) no-repeat scroll 100% 50%; margin-top: 50px; position: relative; text-transform: lowercase; font-size: 7pt; color: #888888; font-weight: bold; } .ljtags:hover {} div.ljtags a {font-weight: normal; } .currents {text-align: right; margin:0; padding-top:15px; padding: 8px 0px 8px 0; text-transform: lowercase; font-size: 7pt; color: #646464; } .currents strong, .currentlocation strong, .currentmood strong, .currentgroups strong, .currentmusic strong {text-decoration: none; color: #888888; display:none;} .currentlocation, .currentmood, .currentgroups , .currentmusic {padding: 4px 18px 4px 0; background: transparent none no-repeat scroll 100% 50%; } .currentlocation {background-image: url(http://i44.tinypic.com/29lh6bq.png);} .currentmood{background-image: url(http://i41.tinypic.com/2lsf7dh.png);} .currentgroups {background-image: url(http://i39.tinypic.com/24piccl.png);} .currentmusic {background-image: url(http://i39.tinypic.com/bfg6mp.png);} /*----------------------TAG PAGE------------------------------*/ h2 { padding: 10px 10px 10px 30px; border: 1px solid #ececec; border-bottom:none;background-color: #ffffff;font-weight: normal;margin: 0px auto; } .ljtaglist {text-align: left; margin: 0px auto; padding:20px; background-color: #ffffff;font-size:10px; list-style:inside none square; border: 1px solid #ececec; border-top:none;} .ljtaglist li {padding:5px 30px;border-bottom: 1px dotted #eeeeee;} .ljtaglist li:hover{background-color:#f8f8f8;} /*---------------------COMMENT PAGE-----------------------------*/ .box { text-align: left; margin-bottom:1px; padding: 0px; margin-left: auto; margin-right: auto;} .datesubjectcomment {text-align: left; color: #999999; margin-top: 0px; } .userpiccomment {position: relative; padding: 3px; border: 1px solid #eeeeee; background-color: #ffffff; left: 0px; margin: 0px 10px 0px 0px; z-index: 15; float: left;} input { font-family: Arial, Tahoma, "Verdana", sans-serif; font-size: 11px; background-color: #fafafa; border: 1px solid #cccccc; color: #999999;} textarea.textbox {width: 100% !important;} .reply{ border: 0px ; position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: left; line-height: 1.25;} .replytosubject {letter-spacing:2px; font-weight: bold;} .commentreply { min-height: 65px; text-align: left; position: relative; margin: 10px 10px 10px 120px;} .commentbox { border: 1px solid #eeeeee; background-color: #ffffff; padding: 30px 10px 10px 20px;margin: 7px 0px 7px 0px;} .commentbox:hover, .commentboxpartial:hover {border-color: #dddddd;} .commentboxpartial { background-color: #ffffff; border: 1px solid #eeeeee;padding: 10px; margin: 10px;} .commentinfo { background-color: #ffffff; margin-top: 10px; width: 100%;} form#postform {background-color: #ffffff;border:1px solid #eeeeee} form#qrform table {border-width: 0px !important; } .skiplinks {text-align: center; border:1px solid #ececec; margin: 0 0 10px;padding: 10px 0px; font-size: 7pt; color: #eeeeee;background-color: #ffffff;} .skiplinks a {background-color:#ffffff;word-spacing:1px;}.skiplinks a:hover{background-color:#f7f7f7} /*------------------------SIDEBAR-----------------------------------------*/ .defaultuserpic {text-align: center; margin: 0;background-color: #ffffff;padding: 10px 0;border-left: 1px solid #ececec;} .defaultuserpic img {;border: 1px solid #f7f7f7;padding:2px;} .sbarheader {padding: 0px 5px 3px 5px;background-color: #ffffff;} .sbarbody {padding: 0px 2px 3px 2px; background-color: #ffffff;border-left: 1px solid #ececec;} .sbarbody2 { padding: 10px 5px 10px 15px;line-height:1.5;background-color: #ffffff;min-height:85px;border-left: 1px solid #ececec;} ul.sbarlist{ margin: 0px; padding: 0px; margin-left: 0px; list-style: none;} li.sbaritem{display:black; padding: 2px 4px; margin:2px 0;border-width: 0px 1px 1px 0px;border-style:solid; border-color:#eeeeee;background-color: #f9f9f9;} li.sbaritem:hover {border-color:#dddddd;border-width: 1px 0px 0px 1px;background-color: #f4f4f4;} li.sbartitle{padding: 3px 8px; color: #1a1a1a;text-transform:lowercase;letter-spacing:0.05em;border-top:1px solid #f4f4f4} #sidebar_linklist {text-align:left;text-transform: lowercase;margin:0; background-color: #ffffff;} #sidebar_summary,#sidebar_tags, #sidebar_calendar { } /*---------------------FOOTER----------------------------------*/ #footer { background-color: #1a1a1a;padding: 5px; text-align: right; margin:auto;text-transform: uppercase; font-size: .7em; letter-spacing: 3px; z-index: 100; clear: both; } ul.navfooter{ padding: 0px; margin: 0px;} ul.navfooter li {list-style: none; margin: 0 5px 0 5px;} div#footer li.viewing {color: #555555;display:none;} div#footer a, div#footer a:link, div#footer a:visited {padding: 3px; display:inline; color: #ffffff; } div#footer a:hover { color:#bbbbbb; } .clearfoot {background-color: #1a1a1a;clear: both;} /*-----------------------ARCHIVE PAGE--------------------------------*/ ul.year { margin: 0px; margin: 0 auto 42px;background-color: #ffffff; text-align: center; padding: 20px;border: 1px solid #ececec; border-bottom:none;} ul.year li {display: inline;} table.yeartable {margin-left: auto; margin-right: auto;background-color: #ffffff;border: 1px solid #ececec; border-top:none; margin-left: auto; margin-right: auto; margin-top:-42px;width:100%;padding: 30px;} table.yeartable td.yeardate, table.yeartable td.yearday { border-width: 1px; border-style: solid; border-color: #dddddd;} table.yeartable td.yearday { background-color: #FBFBF8; text-align: center;} td.yearmonth {border-style: none;} .clear {display:none; height: 8px;} /*------------MINI ICONS-------------*/ .ljuser img { width: 0; height: 0; background: transparent url(http://i40.tinypic.com/288b7ug.png) no-repeat 50% 50%; padding: 10px 10px 0 2px !important; vertical-align: baseline !important;} .ljuser img[src*="userinfo.gif"] { background: transparent url(http://i40.tinypic.com/288b7ug.png) no-repeat 50% 50% !important; padding: 10px 10px 0 2px !important; } .ljuser img[src*="community.gif"] { background: transparent url(http://i44.tinypic.com/t7bpg9.png) no-repeat scroll 50% 50% !important; padding: 10px 10px 0 2px !important; } img[src*="icon_protected.gif"], img[src*="icon_private.gif"], img[src*="icon_groups.gif"], .ljuser img[src*="syndicated.gif"], .ljuser img[src*="newsinfo.gif"], .ljuser img[src*="partnercomm.gif"], .ljuser img[src*="sponcomm.gif"] , img[src*="btn_del.gif"], img[src*="btn_edit.gif"], img[src*="btn_scr.gif"], img[src*="btn_unscr.gif"], img[src*="btn_freeze.gif"], img[src*="btn_unfreeze.gif"], img[src*="btn_track.gif"], img[src*="btn_tracking.gif"], img[src*="btn_tracking_thread.gif"] , img[src*="anonymous.gif"], img[src*="openid-profile.gif"], .box img[src*="userinfo.gif"], img[src*="talk/none.gif"], img[src*="help.gif"], img[src*="pencil.gif"] {height: 0px; width: 0px; padding: 0 2px 10px 10px !important; background: transparent none no-repeat scroll 0 0; } .subject img {vertical-align: middle !important;} img[src*="icon_protected.gif"]{background-image: url(http://i43.tinypic.com/1z1da8y.png); } img[src*="icon_private.gif"]{background-image: url(http://i43.tinypic.com/j79ukw.png); } img[src*="icon_groups.gif"] {background-image: url(http://i40.tinypic.com/4udx5e.png); } .ljuser img[src*="syndicated.gif"]{background-image: url(http://i44.tinypic.com/1iiutv.jpg) !important; } .ljuser img[src*="newsinfo.gif"] {background-image: url(http://i42.tinypic.com/33c96pw.jpg) !important; } .ljuser img[src*="partnercomm.gif"]{background-image: url(http://i40.tinypic.com/15gxvro.png) !important; } .ljuser img[src*="sponcomm.gif"] {background-image: url(http://i39.tinypic.com/2hyxw7r.png) !important; } img[src*="btn_del.gif"] {background-image: url(http://i41.tinypic.com/m7ztok.jpg); } img[src*="btn_scr.gif"] {background-image: url(http://i40.tinypic.com/30auv5y.jpg); } img[src*="btn_unscr.gif"] {background-image: url(http://i41.tinypic.com/vfxurp.jpg); } img[src*="btn_freeze.gif"] {background-image: url(http://i39.tinypic.com/xm3l7r.jpg); } img[src*="btn_unfreeze.gif"] {background-image: url(http://i41.tinypic.com/28reatl.jpg); } img[src*="btn_track.gif"] {background-image: url(http://i41.tinypic.com/viecqo.jpg); } img[src*="btn_tracking.gif"],img[src*="btn_tracking_thread.gif"] {background-image: url(http://i42.tinypic.com/f9m79s.jpg); } img[src*="anonymous.gif"] {background-image: url(http://i42.tinypic.com/r8fdsg.png); } img[src*="openid-profile.gif"] {background-image: url(http://i40.tinypic.com/2hd0a5v.jpg); } .box img[src*="userinfo.gif"] {background-image: url(http://i40.tinypic.com/288b7ug.png); background-position: 50% 50%;} img[src*="talk/none.gif"] {background-image: url(http://i40.tinypic.com/20ppj6o.jpg); } img[src*="help.gif"] {background-image: url(http://i41.tinypic.com/ztyn80.jpg); } img[src*="pencil.gif"] {background-image: url(http://i41.tinypic.com/xo03zt.jpg); } img[src*="btn_edit.gif"] {background-image: url(http://i39.tinypic.com/15cnkg5.jpg); } .Note .Inner { background: #ffffff none repeat scroll 0 0; border: 1px solid #eeeeee; color: #666666;} .ippu .track_title {letter-spacing: 3px; color: #444444; font-weight: normal;} div.ljcmtmanage { background: #ffffff none repeat scroll 0 0; border: 1px solid #eeeeee; padding:10px; } /*-----------------CONTEXTUAL POP-UP-----------------*/ div.ContextualPopup {position: relative; margin: 0px; text-align: left; font: normal 9px "Arial" !important; } div.ContextualPopup div.Inner { color: #aaaaaa !important;border:1px solid #eeeeee;background: transparent url(http://i42.tinypic.com/2vtqdz6.png) !important; padding: 0; width: 280px;} div.ContextualPopup .Userpic { padding: 3px; margin: 5px 5px 0; border: 1px solid #eeeeee; background: #ffffff url();} div.ContextualPopup .Content { padding: 5px;border-right: 1px solid #ececec; margin-right:68px;background: #ffffff url();} div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited { text-decoration: none !important; font-weight: bold; color: #999999 !important;} div.ContextualPopup .Relation {font-size: 9pt;text-transform:uppercase} /*--------------- MISC-------------- */ table#lj_controlstrip td {background-color: #1c1c1c;color: #666666;border: solid 1px #222222; border-left: none; } #lj_controlstrip input {border: 1px solid #000;background-color: #131313; color:#555555} #lj_controlstrip a { color: #666666; } #lj_controlstrip_statustext { color: #dddddd; } #lj_controlstrip .ljuser a b {color:#ffffff;}#lj_controlstrip_userpic {display:none;} a img {border:none;} b, u { color: #333333;} i, s { color: #aaaaaa;} p, td {} blockquote { padding:15px; border: 1px solid #eeeeee; background: transparent url(http://i44.tinypic.com/155tml4.jpg) repeat; color:#8c8c8c; } code {display:block; padding:5px; border:1px dashed #DDDDDD;font-size: 12px;} kbd, pre, tt {font-family: monospace;} textarea {font-family: Georgia, Times New Roman, Times,serif;font-size: 11px; background: transparent url(http://i41.tinypic.com/2jephzd.png) repeat;border: 1px solid #cccccc;color: #999999;} /*-------------------COLORS-----------------------*/ a, a:link, a:visited, .subject a, div.comments a:hover,.subject a:link, .subject a:visited, h2, code, .datesubjectcomment a:link, .datesubjectcomment a:visited, div.ContextualPopup .Relation, .ljuser a b { color: #950101; text-decoration: none;} .ljuser a b {font-family: Georgia, Times New Roman, Times,serif;font-weight:normal;font-style:italic} a:hover, .subject a:hover, div.comments a, .datesubjectcomment a:hover,.ljuser a b:hover {color: #950101; text-decoration: none;} .subject a, .subject a:link, .subject a:visited, .subject {text-decoration: none;color: #222222; font-family:Arial,Geneva,sans-serif; } div#sidebar a { color: #666;} div#sidebar a:hover, div#sidebar li.sbaritem:hover a{ color: #9BB2BF;}

Hi there, Seems like whenever I try to change my layout I run into a problem. Probably because I don't know anything about CCS. Anyway...

I want to use this layout as a theme layer in my paid icon journal and tweek it, but when I "save & compile" I get error messages. I'm sure I'm missing something obvious, I just don't know what.

The journal is phlourish_icons.

layer: http://www.livejournal.com/customize/advanced/layerbrowse.bml?id=39522731

If you can't see it I can convert it for you.

Thanks for any help.

Hi, all!

1) Is there a way to change/edit the font type/style of a commenter's username on the comments page? I transformed the text of the date to uppercase, but I don't want to uppercase the username. I'd like to change the username to Arial, 12px.
^ Also, will this also change the font of my username in the reply box/#qrform? If not, how would I change that?

2) Is there a way to change/edit the font type/style of the "Select:"? I want this to match with the text of the comments (Arial, 12px).

Here's a picture.

Hope someone can help me out. Thanks so much in advance. This community is awesome.