[FIXED] Showing Icons on Dreamwidth Posts/Comments

[permutative]

Hi, I'm using baud's layout that customizes Tabula Rasa. I was wondering how to fix the CSS so that it shows my user icon at the top of dreamwidth posts/entries along with displaying the icons of user comments. I would appreciate the help!

Here's my CSS:

/* Cleaned CSS: */ /* ----- BODY ----- */ ::selection{background:#6f6f6f;color:#fff;} ::-moz-selection{background:#6f6f6f;color:#fff;} body { font-family: 'Cardo', serif; background: #fff url("") repeat fixed; color: #333; } a, a:link, a:hover, a:visited, a:active { text-decoration: none; color: #aa8abd; font-family: 'Muli', sans-serif; } a:hover { color: #111; text-decoration: none; } blockquote { padding: 10px; font-style: italic; color: #555; } /* ---- CONTENT ---- */ #primary { margin: 0 auto; } @media only screen and (min-width: 900px) { #content { margin: 0 auto; width: 650px; margin-top: 20px; } #primary { margin: 0 auto; } #secondary {} } /* ---- PRIMARY ---- */ #primary > .inner { margin-top: 30px; } .entry { background: #ffffff; } .entry-title {font-size: 25px; color: #111; font-family: 'Muli', sans-serif; letter-spacing: .15px; } .entry-title a { color: #111; } .entry-title a:hover { color: #333;} .datetime a, .datetime { text-transform: uppercase; font-size: 13px; color: #555; margin-top: -10px !important; } .datetime a:hover { color: #333 !important; } .header { text-align: left; } .entry-content { color: #333; font-size: 16px; line-height: 1.7em; margin-top: 5px; font-family: 'Cardo', serif; } ul.entry-interaction-links.text-links { text-align: right; padding-bottom: 10px; text-transform: uppercase; font-family: 'Cardo', serif;} ul.entry-management-links.icon-links { text-align: right; font-family: 'Cardo', serif; } img { max-width: 500px; text-align: center; } /* ---- SECONDARY ---- */ #secondary { } .module-section-one > .inner { display: flex; flex-direction: row; } .module-userprofile.module img { border-radius: 100%; justify-content: center; margin: 15px; margin-left: 45px; } .userlite-interaction-links.icon-links { display: none; } .module-customtext.module { align-self: flex-end; font-family: 'Cardo', serif; } .userpic img { } li.menu { display: inline; } li.menu:hover { } li.menu a { } li.menu a:hover { } h2.module-header { text-align: left; color: #111; font-size: 30px; font-family: 'Muli', sans-serif; } /* ---- FOOTER ---- */ li.page-back { display: inline; font-family: 'Cardo', serif; } li.page-back:hover { } li.page-back a:hover {} li.page-forward { display: inline; } li.page-forward:hover { } li.page-forward a:hover { } /* ---- DISPLAY ---- */ h2#pagetitle, h2#subtitle, #footer, div.navigation.topnav, .tag, .manage-link, div.inner > div.userpic, .module-userprofile.module > h2.module-header, #header, .journal-name { display: none; } /* ----- CONTROL STRIP ----- */ /* Controlstrip */ #lj_controlstrip {background: #fff; padding: 1em 0; top: 0; left: 0; width: 100%; position: relative;} #lj_controlstrip td {font: 13px/2 'Cardo', serif; color: #111; display: table-cell;} #lj_controlstrip_statustext { font-size: 1.2em; color: #111; font-weight: 700; margin-bottom: .5em; } #lj_controlstrip a { color: #555; font-weight: normal; } #lj_controlstrip a:hover { text-decoration: underline;} #lj_controlstrip_user, #lj_controlstrip_actionlinks, #lj_controlstrip_search, #lj_controlstrip_login, #lj_controlstrip_loggedout_userpic, .cuttag img { border: 0; } #lj_controlstrip_user .ljuser { padding: .25em; font-size: 1.2em;} #lj_controlstrip_user img, #lj_controlstrip_actionlinks img {display: none; } #lj_controlstrip_userpic { width: 60px; padding-left: 2em !important; } #lj_controlstrip_userpic img { border: 0 !important; padding: 6px !important; } #lj_controlstrip_userpic a { padding: 0; margin: 0; } #lj_controlstrip input { font: italic .88em/2 Lora, serif; background: #eee; color: #111; padding: .25em .5em 0 .5em; margin: 0; width: auto;text-transform: lowercase; letter-spacing: .05em; border: none;} #lj_controlstrip input #search { padding: .125em .25em; margin: 0; border: none;} #lj_controlstrip select, #lj_controlstrip input#xc_user, #lj_controlstrip input#xc_password, #lj_controlstrip input#xc_remember { background-color: #eee; color: #111; border: none;} #lj_controlstrip_login td, {border-bottom: 0;} #lj_controlstrip #lj_controlstrip_search { display: none; } @media only screen and (min-width: 1000px) { #lj_controlstrip td {font-size: 14px;} #lj_controlstrip #lj_controlstrip_search { display: block; } }

Comments

[fueschgast]

Sorry, so far I can't help you, I don't understand what you're asking for.

By user icon you mean the little figure in front of your user name, right? That doesn't show up on your recent-entries page (it's not in the HTML, so you can't fix it with CSS), probably because it's your journal, therefore all post would be by you.

You can see your user icon on entry pages though. Or do you mean you would like it moved from under the date to under your icon?

I also don't understand what you meant by comment icons. You're talking about the layout of the journal with which you posted here, yes? Because I can see the commenters' user icons in front of their usernames there.

[permutative]

sorry, i managed to fix it very recently! let me edit this post to reflect that -- thanks for checking anyways