Width body and space metadata

[aldro]

Hi. I just changed my layout and am struggling with a couple of things. First off, I would like to change the width of the header and entry holders. But I am not sure what to edit in the CSS. I also would like to change the space between the last line of my entry and the tags. Right now, they're very close together if that makes any sense.

Here's my CSS if it helps.

"/*------------------------------------- blanket by renoir [ renoir.dreamwidth.com ] DREAMWIDTH + tabularasa tiny icon credits: pinvoke.com please do not redistribute -------------------------------------*/ body { background: #111 url('http://members.ziggo.nl/droomers/Dreamwidth/Layout/Backgrounds/05.jpg') fixed; padding: 0; margin: 0; text-align: center; font: 8pt normal 'Tahoma', 'Lucida Sans Unicode', sans-serif; color: #888; } a, a:active, a:visited { text-decoration: none; color: #51a3b0; } a:hover { color: #f0a830; } #canvas { margin: 0 auto 3em auto; text-align: justify; padding: 0; } #tertiary { } #content { padding: 0; margin: 0; } #primary { width: 600px; margin: 0 auto; z-index: 0; padding: 0; } /*--- header + footer ---*/ #header { width: 540px; margin: 0 auto 20px auto; background: #FFF; padding: 40px 20px; border-left: 20px solid #F2EBD7; } #footer { display: block; clear: both; } .page-top { width: 540px; margin: 0 auto; text-transform: uppercase; text-align: right; } .navigation { width: 540px; margin: 0 auto; text-transform: uppercase; text-align: right; } li.page-back, li.page-forward { display: inline; list-style: none; padding: 0; margin: 0 0 0 5px; } li.page-separator { display: none; } div.navigation ul { display: inline; padding: 0; margin: 0; } /*--- header texts ---*/ div#header h1#title { font-size: 10pt; font-weight: normal; text-transform: uppercase; color: #AAA; letter-spacing: 0; padding: 0; margin: 0; } div#header h2#subtitle { font-size: 8pt; font-weight: normal; text-transform: none; color: #AAA; letter-spacing: 1px; padding: 0; margin: 0; } div#header h2#pagetitle { font-size: 8pt; font-weight: normal; text-transform: uppercase; color: #CFCFCF; letter-spacing: 1px; padding: 0; margin: 10px 0 0 0; } /*--- navigation links ---*/ div.module-navlinks { background: #F2EBD7; position: fixed; bottom: 0; z-index: 100; padding: 10px; width: 100%; margin: 0 auto; } div.module-navlinks ul.module-list { display: inline; padding: 0; margin: 0 0 0 40px; text-transform: uppercase; letter-spacing: -0.5px; } div.module-navlinks ul.module-list li { display: inline; margin: 0 10px 0 0; list-style: none; border-right: 1px solid #C7BFA6; padding: 0 5px 0 0; } /*--- disabled items in sidebar ---*/ .module-calendar, .module-pagesummary, .module-syndicate, .module-userprofile, .module-customtext, .module-tags_list { display: none; } /*--- image replacements ---*/ .header img[src="http://s.dreamwidth.org/img/silk/entry/locked.png"] { width: 0; height: 0; padding: 10px 10px 0px 0px; background: url('http://i44.tinypic.com/snou1g.png'); } .header img[src="http://s.dreamwidth.org/img/silk/entry/private.png"] { width: 0; height: 0; padding: 10px 10px 0px 0px; background: url('http://i43.tinypic.com/2zxurux.png'); } .ljuser img[src="http://s.dreamwidth.org/img/silk/identity/user.png"] { width: 0; height: 0; padding: 10px 10px 0px 0px; background: url('http://i39.tinypic.com/2n7ee7d.png') no-repeat; } .ljuser img[src="http://s.dreamwidth.org/img/silk/identity/community.png"] { width: 0; height: 0; padding: 10px 10px 0px 0px; background: url('http://i41.tinypic.com/2gtuv40.png') no-repeat; } .ljuser img { width: 0; height: 0; background-repeat: no-repeat; background-color: transparent; background-image: url('http://i39.tinypic.com/2n7ee7d.png'); padding: 13px 13px 0 0 !important; } .entry-management-links img[src="http://s.dreamwidth.org/img/silk/entry/edit.png"] { width: 0; height: 0; padding: 10px 10px 0px 0px; background: url('http://i44.tinypic.com/1zzp1zm.jpg.png'); } .entry-management-links img[src="http://s.dreamwidth.org/img/silk/entry/tag_edit.png"] { width: 0; height: 0; padding: 10px 10px 0px 0px; background: url('http://i44.tinypic.com/2emg76r.png'); } .entry-management-links img[src="http://s.dreamwidth.org/img/silk/entry/memories_add.png"] { width: 0; height: 0; padding: 10px 10px 0px 0px; background: url('http://i42.tinypic.com/2a9ayvs.png'); } .entry-management-links img[src="http://s.dreamwidth.org/img/silk/entry/tellafriend.png"] { width: 0; height: 0; padding: 10px 10px 0px 0px; background: url('http://i42.tinypic.com/2v3lvli.png'); } .entry-management-links img[src="http://s.dreamwidth.org/img/silk/entry/track.png"] { width: 0; height: 0; padding: 10px 10px 0px 0px; background: url('http://i44.tinypic.com/vih34o.png'); } .userlite-interaction-links img[src="http://s.dreamwidth.org/img/silk/profile/subscription_add.png"] { width: 0; height: 0; padding: 10px 10px 0px 0px; background: url('http://i44.tinypic.com/1zfmsyd.png'); } .userlite-interaction-links img[src="http://s.dreamwidth.org/img/silk/profile/post.png"] { width: 0; height: 0; padding: 10px 10px 0px 0px; background: url('http://i44.tinypic.com/mw8htu.png'); } .userlite-interaction-links img[src="http://s.dreamwidth.org/img/silk/profile/message.png"] { width: 0; height: 0; padding: 10px 10px 0px 0px; background: url('http://i40.tinypic.com/2ngen28.png'); } .userlite-interaction-links img[src="http://s.dreamwidth.org/img/silk/profile/tellafriend.png"] { width: 0; height: 0; padding: 10px 10px 0px 0px; background: url('http://i44.tinypic.com/2hib1x4.png'); } /*--- entry ---*/ div.entry { background: #FFF; padding: 20px; margin: 0 0 20px 0; border-left: 20px solid #F2EBD7; } div.entry-content { margin: 10px 0 0 0; } div.header { padding: 0; margin: 0 0 10px 0; } h3.entry-title { font-size: 12pt; font-weight: normal; text-transform: none; color: #099aaf; letter-spacing: -1; padding: 0; margin: 0; } h3.entry-title a { color: #099aaf; } .datetime { font-size: 7pt; font-weight: normal; text-transform: uppercase; color: #AAA; letter-spacing: 1px; padding: 0; } .datetime a { color: #AAA; } .userpic { display: none; float: left; margin: 0 10px 10px 0; } .userpic img { width: 80px; height: 80px; padding: 5px; border: 1px solid #DDD; background: #FFF!important; } span.poster { font-size: 7pt; font-weight: normal; text-transform: uppercase; color: #AAA; letter-spacing: 0; padding: 0; } .metadata { margin: 20px 0 0 0; } div.metadata ul { padding: 0; margin: 0; } div.metadata ul li { list-style: none; font-size: 7pt; font-weight: normal; text-transform: lowercase; color: #AAA; letter-spacing: 0; padding: 0; } span.metadata-label-location, span.metadata-label-mood, span.metadata-label-music { display: none; } span.metadata-item-location { background: url('http://i41.tinypic.com/mjxxqx.png') no-repeat; padding: 0 0 0 13px; } span.metadata-item-mood { background: url('http://i39.tinypic.com/28ldybp.png') no-repeat; padding: 0 0 0 13px; } span.metadata-item-music { background: url('http://i39.tinypic.com/20rvaiq.png') no-repeat; padding: 0 0 0 13px; } span.tag-text { display: none; } div.tag ul { background: url('http://members.ziggo.nl/droomers/Dreamwidth/Layout/Tag.png') no-repeat; padding: 0 0 0 16px; margin: 0px; display: inline; } div.tag ul li { display: inline; list-style: none; font-size: 7pt; font-weight: normal; text-transform: lowercase; color: #AAA; letter-spacing: 0; padding: 0; } ul.entry-management-links { padding: 0; margin: 10px 0 0 0; } ul.entry-management-links li { display: inline; list-style: none; font-size: 7pt; font-weight: normal; text-transform: none; color: #AAA; letter-spacing: 0; padding: 0 5px 0 0; } ul.entry-interaction-links { padding: 0 0 5px 0; margin: 10px 0 0 0; text-align: center; border-bottom: 1px solid #EEE; } ul.entry-interaction-links li { display: inline; list-style: none; font-size: 7pt; font-weight: normal; text-transform: uppercase; color: #AAA; letter-spacing: 0; padding: 0 5px 0 0; } /*--- comments ---*/ hr.above-entry-interaction-links, hr.below-reply-container { display: none; } input, textarea { background: #FFF; padding: 5px; border: 1px solid #EEE; font: 7pt 'Helvetica', Arial, Arial Narrow, sans; color: #BBB; line-height: 1.8em; } textarea.textbox { width: 100% !important; } .poster-ip { display: none; } .page-reply .entry-wrapper-even { } .page-reply .entry-wrapper-odd { } .comment { width: 540px; margin: 0 auto 20px auto; background: #FFF; padding: 40px 20px; border-left: 20px solid #F2EBD7; } .comment-wrapper { margin: 20px 0; padding: 0; } .comment-content { } .bottomcomment { width: 540px; margin: 0 auto 20px auto; background: #FFF; padding: 40px 20px; border-left: 20px solid #F2EBD7; } .comment-management-links ul, .comment-interaction-links ul { margin: 0; padding: 0; list-style: none; } .comment-management-links li, .comment-interaction-links li { display: inline; } #qrform table { border: 0!important; } /*--- archive ---*/ li.active { list-style: none; display: inline; text-transform: uppercase; color: #c88311; padding: 0; margin: 0; text-align: center; } .month { width: 540px; margin: 0 auto 20px auto; background: #FFF; padding: 40px 20px; border-left: 20px solid #F2EBD7; } .month h3 { font-size: 8pt; font-weight: normal; text-transform: lowercase; color: #AAA; letter-spacing: 1px; padding: 0; margin: 0; text-align: right; } div.navigation ul { display: inline; } div.navigation li { display: inline; list-style: none; } .month th { background: #EEE; font-size: 7pt; font-weight: normal; text-transform: uppercase; padding: 5px; text-align: center; color: #AAA; } .month table { width: 100%; border: 0; margin: auto; } .month caption { display: none; } td.day { padding: 5px; border: 1px solid #F0F0F0; } /*--- tags ---*/ .page-tags h2 { font-size: 8pt; font-weight: normal; text-transform: lowercase; color: #AAA; letter-spacing: 1px; padding: 0; margin: 0; text-align: right; } .page-tags #primary { } .page-tags .tags-container { width: 540px; margin: 0 auto 20px auto; background: #FFF; padding: 40px 20px; border-left: 20px solid #F2EBD7; } .page-tags .ljtaglist { margin: 10px; padding: 0; } .page-tags .ljtaglist li { margin: 0 0 0 10px; padding: 0; list-style: none; }"

Comments

[seleneheart]

If you add a bottom margin to your entry content that will move the tags. This:

div.entry-content { margin: 10px 0 0 0; }

Change the middle zero to whatever you want to add space.

The width of the entry is controlled by div.entry which you can change by either specifying the width in pixels or a percentage. The header is the same.

[aldro]

Worked perfectly, thank you! :-)