style_system | Entry header problems (SOLVED for now)

For the first time I'm trying to adapt a native DW style (Heads Up) for a comm instead of working with a ported-from-LJ one. I've been sticking to custom CSS and so far I seem to have managed to change most of the things I wasn't happy with. There are a couple of things I seem to be completely unable to fix however.

They both concern entry headers as you can see in this screencap:

screencap of layout

A) I can't seem to be able to align the top of the title and the top of the usericon. When the title is short enough to only cover one line the icon protrudes above it and when the title is long enough for two lines the icon doesn't reach high enough.

B) No matter what I try I can't seem to make the username line up under the title and date to the right. It just stays stubbornly on the left.

Is there someone who can help me fix these? All help gratefully accepted!

This is what the custom CSS looks like at the moment (and here you can see it in action).

body
{
color: #2a2929 !important;
background-color: #ffffff !important;
}
a, a:visited
{
color: #9f555e !important;
text-decoration: none !important;
}
a:hover, a:active
{
color: #ffffff !important;
background: #9f555e !important;
}
.page-header, li.link.tell_friend, .manage-link, .manage-link.manage-tags-link, .module-userprofile.module h2, ul.userlite-interaction-links, #canvas #footer, #tertiary, .navigation.topnav, li.page-separator
{
display: none !important;
}
#primary .month .header, #primary .tags-container h2, #primary .icons-container h2, #primary .entry .entry-title, .userpic img
{
border: 0 !important;
}
#content-wrapper, #content
{
margin-bottom: -10px !important;
}
.two-columns-left #content
{
border-left: 150px solid #ffffff !important;
}
.navigation
{
text-align: center !important;
}
.navigation a, .navigation a:visited
{
color: #51713b !important;
}
.navigation a:hover, .navigation a:active
{
color: #9f555e !important;
background: #ffffff !important;
}
.navigation.bottomnav
{
font-family: Times New Roman !important;
font-size: 13pt !important;
font-variant: small-caps !important;
font-weight: bold !important;
}
li.page-back
{
padding-right: 30px !important;
}
li.page-forward
{
padding-left: 30px !important;
}

/*--- Entries ---*/

.entry .userpic
{
margin-top: -50px !important;
}
.entry .header
{
line-height: 11px !important;
text-align: right !important;
padding-right: 115px !important;
}
.entry .entry-title
{
font-family: Times New Roman !important;
font-size: 13pt !important;
font-variant: small-caps !important;
line-height: 17px !important;
margin-bottom: 0 !important;
}
.entry .entry-title a, .entry .entry-title a:visited
{
color: #51713b !important;
}
.entry .entry-title a:hover, .entry .entry-title a:active
{
color: #9f555e !important;
background: #ffffff !important;
}
.entry .datetime, .tag-text, .metadata-label
{
font-family: Times New Roman !important;
font-size: 10pt !important;
font-weight: bold !important;
line-height: 13px !important;
}
.entry .datetime, .entry .datetime a, .entry .datetime a:visited
{
color: #51713b !important;
}
.entry .datetime a:hover, .entry .datetime a:active
{
color: #9f555e !important;
background: #ffffff !important;
}
.entry-content
{
padding-left: 10px !important;
}
.tag, .metadata.bottom-metadata
{
font-size: 8.5pt !important;
line-height: 13px !important;
padding-left: 10px !important;
}
ul.entry-interaction-links li, ul.entry-management-links li
{
padding: 0 !important;
font-family: Times New Roman !important;
font-size: 12pt !important;
font-variant: small-caps !important;
font-weight: bold !important;
}
ul.entry-interaction-links
{
margin-top: 14px !important;
}
.entry-management-links a, .entry-interaction-links a, .entry-management-links a:visited, .entry-interaction-links a:visited
{
color: #51713b !important;
}
.entry-management-links a:hover, .entry-management-links a:active, .entry-interaction-links a:hover, .entry-interaction-links a:active
{
color: #9f555e !important;
background: #ffffff !important;
}

/*--- Sidebar ---*/

#secondary
{
background: #ffffff !important;
background-color: #ffffff !important;
border: 0 !important;
}
#secondary div, .module
{
background: #ffffff !important;
background-color: #ffffff !important;
}
#secondary > .inner:first-child
{
padding: 0 10px 10px 0 !important;
}
.module-header
{
font-size: 13pt !important;
font-variant: small-caps !important;
text-align: center !important;
border: 0 !important;
margin-bottom: 0 !important;
}
.module-header, .module-header a, .module-header a:visited
{
color: #51713b !important;
}
.module-header a:hover, .module-header a:active
{
color: #9f555e !important;
background: #ffffff !important;
}
.module-navlinks.module ul.module-list
{
line-height: 11px !important;
text-align: center !important;
}
.module-typelist.module ul.module-list, .module-tags_list.module ul.module-list
{
line-height: 11px !important;
}
.module-customtext.module .module-content, .module-search.module .module-content
{
text-align: center !important;
}
.module-customtext.module .module-content
{
font-size: 8pt !important;
}
.module-userprofile.module .module-content
{
text-align: center !important;
margin-top: 25px !important;
}
.module-navlinks.module .module-content a, .module-navlinks.module .module-content a:visited, .module-typelist.module a, .module-typelist.module a:visited, .module-tags_list.module .module-content a, .module-tags_list.module .module-content a:visited
{
color: #2a2929 !important;
}
.module-navlinks.module .module-content a:hover, .module-navlinks.module .module-content a:active, .module-typelist.module a:hover, .module-typelist.module a:active, .module-tags_list.module .module-content a:hover, .module-tags_list.module .module-content a:active
{
color: #ffffff !important;
background: #9f555e !important;
}
.module-calendar.module .module-content
{
line-height: 11px !important;
font-size: 8pt !important;
text-align: center !important;
}
.module-calendar table
{
margin: 0 auto !important;
}
.module-calendar td, .module-calendar td a
{
padding: 1px !important;
}

Mods: There's no tag for the Heads Up style.

Flat | Top-Level Comments Only

From:

marahmarie

It worked with both one line and two line titles for me, which I tested by first changing the CSS, then making really long titles with the HTML live editor in Web Dev. But the latest Web Dev in Win 7 doesn't support copy/paste and it looks like I forgot to Ctrl+V some code you need into my reply, so let me look at that again and get back to you.

And sorry the other code was for the wrong spot (reading comprehension took a partial crap on me), but at least it will work for you in the another spot eventually (another delightful instance of me being correct only in the future, brought to you by The Working Half of My Brain)

S	M	T	W	T	F	S
		1	2	3	4	5
6	7	8	9	10	11	12
13	14	15	16	17	18	19
20	21	22	23	24	25	26
27	28	29	30	31

Dreamwidth style system discussion

Entry header problems (SOLVED for now)

Entry header problems (SOLVED for now)

Re: This might need some work, but...

Profile

July 2025

Links

Most Popular Tags

Page Summary

Style Credit

Expand Cut Tags