Name of journal: snooby_23
Layout Style: flexible squares
Basic, Paid or Plus: plus
Problem you are having: I'm wondering if you could give me a set of codes with which I could replace the words current mood, current music, current location and tags with tiny icons?

( Read more... )

Hello. I've tried to mess around with the CSS as much as I could, but I can't seem to fix this issue.

( Problem. )

Solved!

Account: Basic
Link to layout: http://jilted-tongue.livejournal.com/

I would like to know if it's possible to add a custom footer like the following two examples to my layout. I love my layout but I also love a pretty footer with relevant links. One of the examples is quite fancy but I'd really just want to know if this is possible even if it is a far more simple footer with just a few links side by side or links in columns.
( More info here )

hi there, I have disabled using the layout's stylesheet and copy paste the entire css code provided by minty_peach from http://minty-peach.livejournal.com/64579.html#cutid1
However it looks entirely different from the original http://i52.photobucket.com/albums/g22/moodthemes_100/Picture1-1.png and turns out looking like this --> http://lachantilly.livejournal.com/
I believe the problem lies with the sidebar or other problem?? would greatly appreciate any help!

I've been having a little bit of trouble with tiny icons. I've been trying to change the default lj user icon to a different image, but when I replace to image url it doesn't show up. Can anyone help me figure out why? The code I'm using is:

( coding under here )

SOLVED


Hi i am using a layout from butterflybox but i modified it a bit to mix and match up.

I used the metadata code of an old layout in which it worked fine, but when i posted it with this one the : appears after each metadata tiny icon.

screenshot preview here

I've browsed the tags but I couldn't find a fix for this issue:

If someone on my friends page posts an entry that contains a div class="clear" tag, it forces a break in the content until after the sidebar ends:

( Screenshot under cut )

I am currently trying to add a side bar to the layout I am using but I am not sure how. In the Code it says "sidebar display: none;" and I dont know what to change that too to add one. So I was wondering if any one could help me out.

Got this layout is from fruitstyle. I had replaced the default 'edit comment' before adding the header, but the CSS code wouldn't load so I had to remove it to add my header.

And I can't replace the custom group lock either; the CSS code won't load. The creator of the layout gave me the code but it won't work.

EDIT: Problem Solved

The problem was that I couldn't add anything else because the code had reached LiveJournal's max on characters allowed. I deleted the (-------) that was used to help find certain sections of the code.

I got this layout by passing_girl and changed it a bit to fit my taste. I've fixed almost everything that needed to be after I made my changes to the original layout. But there's one thing I can't fix: there's a huge gap between the end of the text of the first entry and the tags/currents on every page. The tags/metadata on the first entry start where the sidebar ends. You can see it in this pic. I zoomed it down so that the gap could fit in one screen shot. Not very good quality, but it does the job.

I've looked through my CSS code a thousand times and I can't figure it out. I've also looked at old entries in this comm but the fixes that worked for other people did not work for me.

I'm using Firefox and I have a paid account.

Original code here.

( My code behind the cut. )

Thanks!

SOLVED! I've finally figured it out. I changed clear: left to clear: none in comments, ljtags and currents.

I've just changed my layout and edited it to my needs... but while it looks good to me in IE7, i asked my friends who use Firefox to check it and it looks all odd to them (like the userpics cover part of the entries, the subject line is in the middle of the entry, etc).

Is there a way to fix it? I'm using a Paid Account.

My edited layout is here: rory_tutorgirl
The original one is located here, the rainbow one.

( I'm putting my codes in here if that can help )

Thanks for any help!

EDITED: ( What I accomplished with some changes of my own + screencaps )

I apologize if this has already been asked/solved, but everything I've tried either doesn't work, or messes up my CSS completely. It's probably something simple, and I'm just missing it. I'm using a paid account, too, if that makes a difference.

I've been messing around with my currents and I was wondering, how can I remove the word "tags:" and make my moodtheme image on the left before all the information? Like this.

Right now, my currents look like this:


( css )


Thanks to any help in advance! (:

Hello! I've got a bunch of questions here, hopefully someone can help me figure these out!

( more here )

Thanks to anyone who can help!

For some odd reason the first post on both my page and my f-list page, the userpic is displaced and I am not sure how this happened.

Paid Account
daughterofeve47

( screen cap )

Paid account, la_petite_singe. I'm using a custom layout, and I want to tweak it to have a tiny icon for current location like the ones for music/mood/tags. Also, I want to find a way to make bold text a different color to make it stand out (white, to be specific).

( image behind the cut, along with codes )

Account Level: Paid
CSS Stylesheet problem.

I've searched high and low in the CSS coding, but I can't find where i'm going wrong. My tags above the metadata are showing as a list, but without commas separating them so it's hard to distinguish between them.



( CSS under cut... )

Can anyone point me in the right direction?

Hi all. In my old journal I used this code to get rid of loudtwitter posts on my friends page

.loudtwitter {
display: none!important;
}

but it doesn't seem to be working any more on my new journal. Is there a new/updated code that will work please?

Many thanks.

I have a question about the sidebar titles and I'm hoping someone here can help me. Is there a more specific way to modify the titles? I mean, is it possible for me to make changes to one particular title instead of all of them at once?

Account type: Free
Layout in question: oooxlala

I'm still fairly new to all of this, so I'm sorry if this is a dumb question. I know you can change the color, font, ect. of certain things through CSS, but I wondering if you could change the second letter of your subtitle? I would like to change the O in [LOVE] to a pink and leave the other letters. Is this possible?

I've found out how to change the look of bold/underline text through CSS, but I can't get it to work for the italic/strike through text. I've even tried out different layouts like this one http://community.livejournal.com/mintyapple/336297.html and it still didn't work. Is there an option I must turn on or something?

Thank you for any help.

Account Type: Plus
Layout: Flexible Squares w/ CSS, I guess. *novice*
My Issue: The tiny icons for users and communities are showing as the same thing (coffee cups), even though I've attempted to insert the URLs of different images. Is this something that can only be fixed with a Paid account, or have I done something wrong?

My Journal's CSS:
/* Stylesheet by refuted.livejournal.com. */ body { background: #89DFCC url(http://i38.tinypic.com/ibgg13.jpg) fixed; text-align: left; margin: 0 auto 0 auto; font-family: tahoma, arial, verdana, sans-serif; color: #C6C6C6; font-size: 8pt; } a, a:link, a:visited, a:active { color: #65D3BA; text-decoration: none; } a:hover { color: #9C9C9C; text-decoration: none; } strong, b { color: #878787; } em, i { color: #757575; } p, td { font-size: 11px; } blockquote { margin: 0 8px 0 8px; padding: 8px; background-color: #F7F7F7; color: #9c9c9c; line-height: 13pt; font-family: tahoma, arial, sans-serif; font-size: 7pt; text-align: justify; border: 0px; } code, kbd, pre, tt { font-family: monospace; } textarea, .textbox, select, input {-moz-opacity:.5; opacity:.5; filter:alpha(opacity=50); background-color: #fff; color: #9C9C9C; border: 1px solid #CCCACA; } textarea:hover, .textbox:hover, select:hover, input:hover { -moz-opacity:1.0; opacity:1.0; filter: alpha(opacity=100); } select, input { border: 1px solid #CCCACA; } #content { width: 75%; background: transparent; border: 0px; padding: 0px;margin:0 auto; } #maincontent { margin: 0 auto 0 auto; padding: 0; background-color: transparent; color: #000000; border: 0px; text-align: left; } #sidebar { background-color: #fff; border: none; padding: 5px 0 5px 0; margin: 0 auto 26px auto; width: 100%; -moz-opacity:.8; opacity:.8; filter:alpha(opacity=80); } #sidebar:hover { -moz-opacity:1.0; opacity:1.0; filter: alpha(opacity=100);} #header { padding: 0px; margin: 0px; font-family: "lucida grande", arial, verdana, tahoma, sans-serif; text-align: center; font-size: 12pt; font-weight: normal; letter-spacing: -1px; background-color: #000; color: #ACACAC; text-transform: lowercase; line-height: 14px; height: 46px; } #footer { text-align: center; font-family: tahoma, arial, verdana, sans-serif; font-size: 8pt; font-weight: normal; background-color: #fff; color: #BBBBBB; border: 0px; clear: both; width: 75%; margin: 0 auto 0 auto; padding: 20px 0 20px 0; -moz-opacity:.8; opacity:.8; filter:alpha(opacity=80); } #footer:hover { -moz-opacity:1.0; opacity:1.0; filter:alpha(opacity=100); } div#footer a, div#footer a:link, div#footer a:visited { color: #9C9C9C; font-weight: normal; } div#footer a:hover { color: #606060; font-weight: normal; } /* header */ div#header a, div#header a:link, div#header a:visited { color: #808080; background-color: transparent; } div#header a:hover { color: #ACACAC; } ul.navheader { padding: 16px; margin: 0px; } ul.navheader li { display: inline; padding: 0px; background-color: transparent; } ul.navheader li a { margin: 16px; } .title, .subtitle { display: none; } /* sidebar */ div#sidebar a, div#sidebar a:link, div#sidebar a:visited{ color: #9C9C9C; text-transform: lowercase; } div#sidebar a:hover { color: #606060; text-decoration: none; } .defaultuserpic { position: relative; float: right; margin: 0 10px 3px 10px; background-color: #F7F7F7; padding: 5px; } .sbarheader { padding: 0px 5px 0px 5px; } .sbarbody { padding: 0px 10px 0px 10px; text-align: center;} .sbarbody2 { padding: 5px 50px 10px 50px; color: #BBBBBB; line-height: 13pt; } ul.sbarlist { padding-left: 0; padding-right: 15px; margin-left: 0; list-style: none; } li.sbaritem { padding-left: 15px; list-style: none; display: inline; } li.sbartitle { display: none; } span.count { display: none; } .view { margin: 0 16px 0 16px; } /* maincontent */ .entry_text { padding: 5px 0 0 0; } .entry { margin: 0; padding: 0px 12px 0px 12px; border: 0px; background-color: #fff; color: #757575; font-family: tahoma, arial, verdana, sans-serif; line-height: 15pt; font-size: 8pt; text-align: justify; } .entry ul li { padding-left: 5px; margin-left: 15px; } .entry ol li { padding-left: 5px; margin-left: 15px; } .userpic { position: relative; float: right; margin: 10px 10px 3px 10px; background-color: #F7F7F7; padding: 5px; } .userpicfriends { background-color: #F7F7F7 !important; padding: 5px; text-align: center; font-family: tahoma, arial, verdana, sans-serif; font-size: 7pt; margin: 10px 10px 3px 10px; position: relative; float: right; } .userpicfriends a font { font-family: arial, verdana, sans-serif; font-size: 7pt; color: #65D3BA; } .userpicfriends a:hover font { color: #65D3BA; } .date { text-align: right; color: #D1D1D1; text-transform: lowercase; font-size: 7pt; background: url(http://i33.tinypic.com/106mts7.jpg) no-repeat bottom right; margin: 0 140px 0 0; padding: 8px 15px 0 0; } .subject { text-align: right; font-weight: normal; font-family: "lucida grande", arial, verdana, sans-serif; padding: 0 0 1px 0; color: #606060; font-size: 12pt; text-transform: lowercase; border-bottom: 1px solid #EFEFEF; margin: 0 130px 0 10px; } .subject a, .subject a:link, .subject a:visited { color: #606060; } .subject a:hover { color: #c0c0c0; } .datesubject { background-color: #fff; } .currents, .currentmood, .currentmusic, .currentlocation { text-transform: lowercase; color: #ACACAC; font-size: 7pt; font-family: tahoma, arial, sans-serif; line-height: 11pt; text-align: justify; } .currents { background: #F7F7F7; padding: 5px 5px 3px 10px; margin: 12px 0 0 0; width: 34%; } .currents a:link, .currents a:visited, .currents a:active { color: #c0c0c0; } .currents a:hover { color: #A4A4A4; border-bottom: 1px solid #EAEAEA; } .currents strong, .currentmood strong, .currentmusic strong { color: #89DFCC; } .currentmood { background-image :url(http://i38.tinypic.com/qyxvs7.jpg); background-repeat: no-repeat; background-position: left center; padding: 8px 0px 0px 17px; margin-top: 5px; } .currentmusic { background-image :url(http://i36.tinypic.com/oj32c4.jpg); background-repeat: no-repeat; background-position: left center; padding: 8px 0px 0px 17px; margin-top: 5px; } .currentlocation { background-image :url(http://i33.tinypic.com/35mjh2x.jpg); background-repeat: no-repeat; background-position: left center; padding: 8px 0px 0px 17px; margin-top: 5px; } .ljtags { margin: 12px 0 0 0; font-family: tahoma, arial, sans-serif; font-size: 7pt; color: #89DFCC; font-weight: bold; text-transform: lowercase; line-height: 11pt; background: #F7F7F7; padding: 3px 5px 3px 10px; width: 34%; text-align: justify; } .ljtags a:link, .ljtags a:visited, .ljtags a:active { color: #acacac; font-weight: normal; text-transform: lowercase; font-size: 7pt; } .ljtags a:hover { color: #A4A4A4; border-bottom: 1px solid #EAEAEA; text-decoration: none; font-weight: normal; } .ljtags { background-image :url(http://i34.tinypic.com/ff66f4.jpg); background-repeat: no-repeat; background-position: left center; padding: 8px 0px 0px 17px; margin-top: 5px; } .comments { margin: 12px 0 0 0; text-align: right; padding: 5px 5px 12px 0; text-transform: lowercase; color: #fff; border-top: 1px solid #EFEFEF; clear: both; } div.comments a, div.comments a:link, div.comments a:visited{ font-weight: normal; font-family: "lucida grande", arial, verdana, sans-serif; color: #606060; font-size: 12pt; text-transform: lowercase; } div.comments a:hover { color: #979797; text-decoration: none; } /* entry, reply pages */ .datesubjectcomment { padding-top: 5px; line-height: 17pt; } .userpiccomment { background-color: #F7F7F7; padding: 5px; position: relative; left: 0px; margin: 10px; z-index: 15; float: left; top: -10px; } .box { border: 0px; padding: 10px; clear: left; background-color: #fff; color: #c6c6c6; } textarea.textbox { width: 95% !important; } .reply { position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; color: #9C9C9C; font-family: Arial, "Lucida Grande", "trebuchet ms", Verdana, Tahoma, sans-serif; font-size: 11px; line-height: 18px; text-align: justify; background-color: #fff; } .commentreply { position: relative; margin: 10px; color: #9C9C9C; font-family: Arial, "Lucida Grande", "trebuchet ms", Verdana, Tahoma, sans-serif; font-size: 11px; line-height: 18px; text-align: justify; padding: 5px; } .commentbox, .commenttext { padding: 5px; margin: 10px; background-color: #fff; border: 1px solid #CCCACA; } .commentboxpartial { padding: 10px; margin: 10px; background-color: #ffffff; border: 1px solid #efefef; color: #9C9C9C; font-family: Arial, "Lucida Grande", "trebuchet ms", Verdana, Tahoma, sans-serif; font-size: 11px; line-height: 18px; text-align: justify; } .commentinfo { background-color: transparent; margin-top: 10px; width: 100%; } .replytoposter { text-align: right; color: #D1D1D1; text-transform: lowercase; font-size: 7pt; background: url(http://i38.tinypic.com/vpyxi8.jpg) no-repeat center right; margin: 0 130px 0 0; padding: 8px 15px 0 0; line-height: 15pt; } .replytosubject { text-align: right; font-weight: normal; font-family: "lucida grande", arial, verdana, sans-serif; padding: 0 0 1px 0; color: #606060; font-size: 12pt; text-transform: lowercase; border-bottom: 1px solid #EFEFEF; margin: 0 130px 0 0; } /* year/achive pages */ ul.year { text-align: center; padding: 10px 0 10px 0; margin: 0 0 25px 0; background: #fff; color: #C6C6C6; -moz-opacity:.8; opacity:.8; filter:alpha(opacity=80); } ul.year:hover { -moz-opacity:1.0; opacity:1.0; filter:alpha(opacity=100); } ul.year li { display: inline; } table.yeartable { margin-left: auto; margin-right: auto; } table.yeartable td.yeardate, table.yeartable td.yearday { border: 1px solid #D0D0D0; background: #fff; } table.yeartable, td.yearday { background-color: transparent; text-align: center; color: #8A8A8A; background: #fff; padding: 10px; -moz-opacity:.8; opacity:.8; filter:alpha(opacity=80); } table.yeartable:hover { -moz-opacity:1.0; opacity:1.0; filter:alpha(opacity=100); } td.yearmonth { border-style: none; background: #fff; } /* footer */ ul.navfooter{ padding: 0px; margin: 0px; } ul.navfooter li { display: inline; margin: 0 5px 0 5px; } .clearfoot { display: none; } /* misc */ .clear { display: none; } .skiplinks { text-align: center; background: #fff; padding: 5px 0 0 0; } .separator{ height: 26px; } * html div.subcontent { height: 1%; clear: none; } * html div.box#commentform { position: absolute; border-width: 1px; border-style: solid; border-color: #999999; background-color: #c2cde0; } img[src="http://l-stat.livejournal.com/img/icon_protected.gif"]{ width: 0; height: 0; padding: 0 0 14px 14px; background: url(http://i36.tinypic.com/10psvw3.jpg); } img[src="http://l-stat.livejournal.com/img/icon_private.gif"]{ width: 0; height: 0; padding: 0 0 14px 14px; background: url(http://i36.tinypic.com/10psvw3.jpg); } img[src="http://l-stat.livejournal.com/img/icon_groups.gif"]{ width: 0; height: 0; padding: 0 0 14px 14px; background: url(http://i36.tinypic.com/10psvw3.jpg); } .ljcmt, .commentbox img[src="http://p-stat.livejournal.com/img/btn_del.gif"]{ width:0; height:0; padding: 0 16px 14px 0; background: url (http://i38.tinypic.com/noeqsn.jpg); } .ljcmt, .commentbox img[src="http://p-stat.livejournal.com/img/btn_scr.gif"]{ width:0; height: 0; padding: 0 16px 14px 0; background: url(http://i37.tinypic.com/2yypiiw.jpg); } .ljcmt, .commentbox img[src="http://p-stat.livejournal.com/img/btn_freeze.gif"]{ width: 0; height: 0; padding: 0 16px 14px 0; background: url(http://i33.tinypic.com/2ii75o2.jpg); } .ljcmt, .commentbox img[src="http://p-stat.livejournal.com/img/btn_edit.gif"]{ width: 0; height: 0; padding: 0 16px 14px 0; background: url(http://i33.tinypic.com/2mxfo0p.jpg); } .ljcmt, .commentbox img[src="http://p-stat.livejournal.com/img/btn_track.gif"]{ width: 0; height: 0; padding: 0 16px 14px 0; background: url(http://i35.tinypic.com/5tvq5s.jpg); } .box img[src="http://p-stat.livejournal.com/img/anonymous.gif"]{ width: 0; height: 0; padding: 0 16px 12px 0; background: url(http://i34.tinypic.com/21u3no.jpg); } .box img[src="http://p-stat.livejournal.com/img/openid-profile.gif"]{ width: 0; height: 0; padding: 0 16px 15px 0; background: url(http://img.photobucket.com/albums/v72/panthersgem/ref/box_oi.png); } .box img[src="http://p-stat.livejournal.com/img/help.gif"]{ width: 0; height: 0; padding: 0 14px 14px 0; background: url(http://i35.tinypic.com/2dacbq0.jpg); } .ljuser img { width: 0; height: 0; background-repeat: no-repeat; background-color: transparent; background-image: url(http://i37.tinypic.com/2lbp5if.jpg); padding: 16px 17px 2px 2px !important; } .ljuser a:hover b { color: #9C9C9C; background: transparent; } .ljuser img[src="http://p-stat.livejournal.com/img/userinfo.gif"] { background-color: transparent; background-image: url(http://i37.tinypic.com/2lbp5if.jpg); padding: 16px 17px 2px 2px !important; } .ljuser:hover img[src="http://p-stat.livejournal.com/img/userinfo.gif"] { background-image: url(http://i37.tinypic.com/t5gevc.jpg); } .ljuser img[src="http://p-stat.livejournal.com/img/community.gif"] { background-color: transparent; background-image: url(http://i35.tinypic.com/99i8fm.jpg); padding: 16px 17px 2px 2px !important; } .ljuser:hover img[src="http://p-stat.livejournal.com/img/community.gif"] {background-image: url (http://i36.tinypic.com/vsl4cp.jpg); } #ljuser_row img[src="http://p-stat.livejournal.com/img/userinfo.gif"]{ width: 0; height: 0; padding: 0 16px 13px 0; background: url(http://i37.tinypic.com/2lbp5if.jpg); }