style_system | Header image a link and back to top.

Hello all, I'm back with another couple questions.

Google tells me that turning a header image into a link isn't possible in CSS without having HTML code to go with. Since DW uses CSS stylesheets for layouts, I'm not sure how to do what I want. Or if it's even possible.

What I'd like is to turn the header image in this journal into a link that takes one back to the main journal page when clicked from say, an entry or the archive page, etc.

Can I achieve this with a custom layer? If so, what type of layer? I have no idea how to edit layers. I can copy/paste/apply and that's about it.

Also, is it possible to add a 'back to top' link at the bottom of entries if it's not part of the journal's style?

The base journal theme being used is Basic Boxes and the maker of the layout said to just choose whichever from the list, so right now it's 'Green' by branchandroot. The unedited layout CSS is at the maker's journal, here.

My edited CSS code (which is a complete mess where I've added to the original), is as follows:

/*-----

- some textures from subtlepatterns.com

-----*/

/*--------------- general ---------------*/

@font-face {
    font-family: 'Josefin Sans';
    src: url('http://fonts.gstatic.com/s/josefinsans/v9/xgzbb53t8j-Mo-vYa23n5nhCUOGz7vYGh680lGh-uXM.woff');
    src: local('Josefin Sans'), local('JosefinSans'), url('http://fonts.gstatic.com/s/josefinsans/v9/xgzbb53t8j-Mo-vYa23n5nhCUOGz7vYGh680lGh-uXM.woff') format('woff');
font-style: normal;
  font-weight: 400;
letter-spacing: 0em;
word-spacing: 0em;
line-height: 1.4;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('http://fonts.gstatic.com/s/sourcesanspro/v9/ODelI1aHBYDBqgeIAH2zlBM0YzuT7MdOe03otPbuUS0.woff');
    src: local('Source Sans Pro'), local('SourceSansPro-Regular')url('http://fonts.gstatic.com/s/sourcesanspro/v9/ODelI1aHBYDBqgeIAH2zlBM0YzuT7MdOe03otPbuUS0.woff') format('woff');
font-style: normal;
  font-weight: 400;
letter-spacing: 0em;
word-spacing: 0em;
line-height: 1.4;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('http://fonts.gstatic.com/s/sourcesanspro/v9/M2Jd71oPJhLKp0zdtTvoMzNrcjQuD0pTu1za2FULaMs.woff');
    src: local('Source Sans Pro Italic'), local('SourceSansPro-It')url('http://fonts.gstatic.com/s/sourcesanspro/v9/M2Jd71oPJhLKp0zdtTvoMzNrcjQuD0pTu1za2FULaMs.woff') format('woff');
font-style: italic;
  font-weight: 400;
letter-spacing: 0em;
word-spacing: 0em;
line-height: 1.4;

}

H1, H2, H3 {
    margin: 4px 0;
    padding: 4px 0;
}

img {
    border: 10px solid transparent;
}
/*
hr {
    display: none;
}
*/
.entry-content hr,
.comment-content hr {
    border: 0;
width: 90%;
height: 1px;
margin-top:15px;
margin-bottom:0px;
background: #1f150e;
background-image: -webkit-linear-gradient(left, #e4c295, #1f150e, #e4c295);
background-image: -moz-linear-gradient(left, #e4c295, #1f150e, #e4c295);
background-image: -ms-linear-gradient(left, #e4c295, #1f150e, #e4c295);
background-image: -o-linear-gradient(left, #e4c295, #1f150e, #e4c295);
}

.entry .footer hr{
    display: none;
}

body {
    font-size:15px;
    padding: 0;
    background: url(http://i57.photobucket.com/albums/g223/lauchlen/Millaje/pageback1.jpg) #4d3b2e;
    font-family:'Source Sans Pro', Helvetica, sans-serif;
    line-height: 1.2;
color:#1f150e;
}

html body {
    margin-left: 0;
    margin-right: 0;
}

a, a:link, a:visited, a:active{
    color:#716e4e;
    text-decoration:none;
    transition:all 0.4s ease;
    -webkit-transition:all 0.4s ease;
}

a:hover{
    color:#2b1c12; text-decoration: underline; cursor: crosshair;
}

q { font-style: italic; }

blockquote{
    border:1px dashed #7a7653;
    padding:10px;
    font-style:italic;
    margin:15px 0px 0px 0px;
    line-height:1.2;
    border-radius:4px;
    font-family: 'Source Sans Pro', Helvetica, sans-serif;
    font-style:italic;
    color:#1f150e;
}

#canvas{
    width:930px;
    margin:0 auto;
}

#content-footer {
    height: 0;
    font-size: 0; /*to make IE happy*/
    clear: both;
}

#header, #footer {
    clear: both;
}

/*--------------- header ---------------*/

#header {
    background:url(http://i57.photobucket.com/albums/g223/lauchlen/Millaje/headerentryback.jpg) #4a3220;
    border-left:2px solid #4f3e30;
    border-bottom:2px solid #4f3e30;
    margin:30px 0;
    padding:10px 10px 10px 160px;
    border-radius:4px;
    box-shadow:0 0 2px #222;
}

#header > .inner:first-child{
    background:url(http://i57.photobucket.com/albums/g223/lauchlen/Millaje/headerwide_1.jpg)
    no-repeat #7f6f4b;
    box-shadow:0 0 2px #3b2511;
    border:1px solid #472c14;
    
}

#journaltitles-container, #header .module-wrapper{
    display:inline-table;
    vertical-align:bottom;
}

.module-section-header{
    width:140px;
height:223px;
    margin-left:-150px;

}

.module-section-header .inner{
    padding:0 5px;
}

#journaltitles-container{
    font-family: 'Josefin Sans', Helvetica, sans-serif;
}

#title, #pagetitle {
display: none; }

#footer {
    display:none;
}

/*------------ navigation ------------*/

.topnav{
    display:none;
}

.navigation{
    text-align:center;
    overflow:hidden;
    margin-top:-20px;
}

.navigation ul {
    float:left;
    background:#bcb681;
    min-width:200px;
    border-bottom:2px dotted #7a7653;
    padding:10px;
    border-top:1px solid #888;
    font-family: 'Josefin Sans', Helvetica, sans-serif;
    border-radius:0 0 30px 0;
    margin:0 0 0 50px;
}

.navigation li {
    display: inline;
    padding: 0 .5em;
}

.navigation.empty{
    margin:0;
}

.noentries {
    padding: 25px .5em 0 .5em;
    clear:both;
}

/*------------ entries ------------*/

.entry, .full .comment {
    background:url(http://i57.photobucket.com/albums/g223/lauchlen/Millaje/headerentryback.jpg) #4a3220;
    padding:10px 10px 10px 160px;
    border-radius:4px;
    margin:20px 0;
    border-left:2px solid #4f3e30;
    border-bottom:2px solid #4f3e30;
    box-shadow:0 0 2px #222;
}

.entry > .inner:first-child, .full .comment > .inner:first-child{
    background:url(http://i57.photobucket.com/albums/g223/lauchlen/Millaje/entryback3_1.jpg) #a19c6f;
    box-shadow:0 0 2px #222;
    border:1px solid #825938;
}

.entry .header, .comment .header{
    float:right;
    width:100%;
    text-align:right;
}

.entry .header .inner{
    padding:10px;
}

.entry .entry-title {
    font-family: 'Josefin Sans', Helvetica, sans-serif;
    font-size:22px;
    text-align:left;
    border-bottom:1px dashed #7a7653;
    text-shadow:0 0 1px #555;
}

.entry .entry-title, .entry .entry-title a {
    color:#5b3e27;
}

.sticky-entry-icon{
    display:none;
}

.no-subject .entry .entry-title {
    background: none;
    border: none;
}

.entry .entry-title .ljuser img {
    display:none;
}

.header .datetime{
    font-style:italic;
    font-family: 'Source Sans Pro', 'Trebuchet MS', Helvetica, sans-serif;
}

.restrictions img, .access-filter img{
    display:none;
}

.security-protected .access-filter:before{
    content:"(LOCKED)";
    font-family: 'Source Sans Pro','Trebuchet MS', Helvetica, sans-serif;
    color:#5b3b22;
}

.security-private .access-filter:before{
    content:"(PRIVATE)";
    font-family: 'Source Sans Pro', 'Trebuchet MS', Helvetica, sans-serif;
    color:#5b3b22;
}

.restrictions-NSFW .restrictions:before{
    content:"(NSFW)";
    font-family: 'Source Sans Pro','Trebuchet MS', Helvetica, sans-serif;
    color:#5b3b22;
}

.restrictions-18 .restrictions:before{
    content:"(18+)";
    font-family: 'Source Sans Pro','Trebuchet MS', Helvetica, sans-serif;
    color:#5b3b22;
}

.entry .userpic, .comment .userpic {
    float:left;
    clear:left;
    width:160px;
    margin-left:-160px;
    text-align:center;
}

.entry .userpic img, .comment .userpic img{
    padding:10px;
    border:1px dashed #7a7653;
    background:#5b3b22;
    margin-top:20px;
    border-radius:3px;
    box-shadow: 0 0 2px #4d3b2e;
}

.entry .poster, .full .comment .poster{
    float:left;
    clear:left;
    width:140px;
    margin-left:-160px;
    text-align:center;
    padding:10px;
    font-family: 'Josefin Sans', 'Trebuchet MS', Helvetica, sans-serif;
    color:#7a7653;
    font-size:20px;
}

.entry .poster a, .full .comment .poster a{
    color:#7a7653;
    text-shadow:0 0 1px #000;
}

.entry .poster .ljuser img, .full .comment .poster .ljuser img{
    display:none;
}

.poster .ljuser {
    white-space: normal !important;
}

.poster {
    word-wrap: break-word;
}

.entry-content, .comment-content{
    padding: 5px 20px 20px 20px;
    clear:right;
    text-align:justify;
}

.cuttag_container img{
    display:none;
}

.cuttag_container b a{
    border-bottom:1px dashed #7a7653;
}

/* ensure comment content stretches out horizontally so it's readable */
.comment-content:before {
    content: "";
    display: block;
    overflow: hidden;
    width: 10em;
}

.comment-content { border-top: 1px transparent solid; } /* for firefox */

/* To prevent overlapping when icon's on the left */
/* and list is the first thing in content */
.entry-content li,
.comment-content li {
    list-style-position: inside;
}

/* To constrain the width and prevent layout breaking*/
.entry-content img, .comment-content img {

max-width: 100%;
    height: auto;
/*border: 10px solid transparent;*/
}

.metadata{
    margin:0 20px 10px 20px;
    font-style:italic;
    color:#5b3b22;
}

.metadata ul {
    display: inline;
    list-style: none;
    margin: 0;
    padding: 0;
}

.entry .footer, .comment .footer{
    padding-bottom: 5px;
    overflow:hidden;
    margin-left:-150px;
    padding-left:150px;
    clear:both;
    width:100%;
}

.tag-nav-trigger {
    border: 15 none;
    vertical-align: bottom;
display:none;
}

.entry .tag, .multiform-checkbox, #qrform{
    margin:0 20px 10px 20px;
}

.entry .tag{
    font-style:normal;
    color:#5b3b22;
}

.tag ul {
    display: inline;
    margin-left: 0;
    padding-left: 0;
}

.tag ul li {
    display: inline;
}

.metadata-label, .tag-text{
    font-family: 'Source Sans Pro', 'Trebuchet MS', Helvetica, sans-serif;
}

ul.entry-management-links, ul.entry-interaction-links, ul.comment-management-links, ul.comment-interaction-links {
    margin: 0 0 0 10px;
    padding: 0 0 5px 0;
    clear:both;
}

.entry-interaction-links a, .entry-management-links a, .comment-management-links a, .comment-interaction-links a {
    color: #140d09;
}

ul.entry-management-links li:first-child a, ul.entry-interaction-links li:first-child a, ul.comment-management-links li:first-child a, ul.comment-interaction-links li:first-child a {
    color: #7a7653;
}

ul.entry-management-links li, ul.entry-interaction-links li, ul.comment-management-links li, ul.comment-interaction-links li {
    display: inline-block;
    padding: 2px 10px;
    text-align:center;
    border:1px dashed #7a7653;
    font-family:'Josefin Sans',  'Trebuchet MS', Helvetica, sans-serif;
    text-transform:uppercase;
    font-size:13px;
    border-radius:3px;
    text-shadow:0 0 2px #fff;
    margin:1px;
}

ul.entry-management-links li:first-child, ul.entry-interaction-links li:first-child, ul.comment-management-links li:first-child, ul.comment-interaction-links li:first-child{
    border:1px dashed #7a7653;
    background:#5b3b22;
    width:100px;
    margin:0 25px 0 -150px;
    float:left;
    box-shadow: 0 0 2px #4d3b2e;
    text-shadow:0 0 2px #222;
}

/*------------ comments ------------*/

.comment-pages.toppages{
    float:left;
    background:#bcb681;
    min-width:160px;
    border-bottom:2px dotted #7a7653;
    padding:10px 20px;
    border-top:1px solid #888;
    margin-left:1px;
    font-family: 'Source Sans Pro', 'Trebuchet MS', Helvetica, sans-serif;
    border-radius:0 0 30px 0;
    margin:-20px 0 20px 50px;
    text-align:center;
}

.bottomcomment{
    text-align:center;
}

.comment-posted {font-weight:bold;}

.comment-wrapper {
    min-width: 20em;
    clear:both;
}

.comment .comment-title {
    margin: 0;
}

.no-subject .comment .comment-title {
    background: none;
    border: none;
}

.comment .header .inner{
    border-bottom:1px dashed #7a7653;
    margin:0 10px;
    padding:10px 0;
    font-family: 'Source Sans Pro', 'Trebuchet MS', Helvetica, sans-serif;
}

.poster-ip{
    padding:10px;
    font-family: 'Source Sans Pro',  'Trebuchet MS', Helvetica, sans-serif;
    font-style:italic;
}

.comment-from-text{
    display:none;
}

.comment-pages.bottompages {
    display:none;
}

#comments ul.entry-interaction-links {
    display:none;
}

#comments ul.entry-management-links {
    display:none;
}

.partial .comment, #postform{
    background:#bcb681;
    border-top:2px dotted #7a7653;
    border-bottom:2px dotted #7a7653;
    padding:10px 20px;
}

textarea#commenttext {
    width: 100%; /* fix for FF form width glitch */
}

/*------------ archive, tags, icons containers------------*/

.month-wrapper, .page-month .month, .tags-container, .icons-container{
    background:url(http://i57.photobucket.com/albums/g223/lauchlen/Millaje/headerentryback.jpg) #4a3220;
    padding:10px 10px 10px 160px;
    border-radius:4px;
    margin:20px 0;
    border-left:2px solid #4f3e30;
    border-bottom:2px solid #4f3e30;
    box-shadow:0 0 2px #222;
}

.month > .inner:first-child, .tags-container > .inner:first-child, .icons-container > .inner:first-child{
    background:url(http://i57.photobucket.com/albums/g223/lauchlen/Millaje/entryback3_1.jpg) #a19c6f;
    box-shadow:0 0 2px #222;
    border:1px solid #825938;
}

.month .header, .tags-container .header, .icons-container .header{
    float:left;
    margin-left:-140px;
    width:100px;
    padding:0 10px;
    text-align:center;
    color:#7a7653;
    text-shadow:0 0 2px #333;
    font-family: 'Josefin Sans', 'Trebuchet MS', Helvetica, sans-serif;
}

.month-wrapper h3, .tags-container h2, .icons-container h2{
    font-size:20px;
}

.month .contents, .tags-container .contents, .icons-container .contents{
   padding:20px;
}

#primary .manage-link, .month-wrapper .footer{
    margin-left:-140px;
    border:1px dashed #7a7653;
    background:#5b3b22;
    width:100px;
    box-shadow: 0 0 2px #4d3b2e;
    text-shadow:0 0 2px #222;
    padding: 2px 10px;
    text-align:center;
    font-family: 'Josefin Sans', 'Trebuchet MS', Helvetica, sans-serif;
    text-transform:uppercase;
    font-size:13px;
    border-radius:3px;
}

.month .footer a, .tags-container .footer a, .icons-container .footer a{
   color:#7a7653;
}

/*------------ archive------------*/

.month caption {
    display: none;
}

.month table {
    width:415px;
    font-family: 'Source Sans Pro','Trebuchet MS', Helvetica, sans-serif;
}

table.month {
    margin: 0 auto;
    border-spacing: 3px;
    text-align:center;
}

table.month td {
    width:3.25em;
    height: 3.25em;
    padding: 3px;
}

table.month th {
    padding: 4px;
    font-family: 'Josefin Sans', 'Trebuchet MS', Helvetica, sans-serif;
    font-size:18px;
    text-shadow:0 0 1px #555;

}

table.month td.day {
    height: 3.25em;
    border:1px dashed #7a7653;
    border-radius:3px;
}

table.month td p {
    margin: 0;
    padding: 3px;
}

.month dl dt {
    font-weight: normal;
    float:left;
    margin-left:-140px;
    width:100px;
    padding:0 10px;
    text-align:center;
    color:#1f150e;
    text-shadow:0 0 2px #333;
    font-family: 'Josefin Sans','Trebuchet MS', Helvetica, sans-serif;
    font-size:21px;
}

.month dt, .month dt a{
    color:#1f150e;
}

.month dl .time {
    padding-right: .5em;
}

.month dl h3 {
    display: inline;
    font-size: 1em;
}

.page-month .month .entry-poster {
    margin-right: .5em;
}

.month dl .tag ul {
    margin-top: 0;
}

.month dd{
    margin-right:30px;
    padding-top:10px;
    border-bottom:1px dashed #7a7653;
}

.day-date{
    display:none;
}

/*------------ tags ------------*/

ul.ljtaglist{
    list-style-position:inside;
    list-style:none;
    padding:0;
    margin-left:1em;
    line-height:1.7;
}

ul.ljtaglist:first-child, .tags_cloud ul{
    list-style-position:inside;
    padding:0;
    margin:0;
}

ul.ljtaglist li:before{
    content:"-";
    padding-right: 4px;
}

/*------------ icons ------------*/

.page-icons .toppages{
    display:none;
}

.page-icons .bottompages{
    text-align:center;
    margin-top:20px;
    font-family: 'Josefin Sans','Trebuchet MS', Helvetica, sans-serif;
}

.icon{
    border:1px dashed #7a7653;
    padding:10px;
    margin:10px;
    min-height: 100px;
    border-radius:3px;
}

.icon-image {
    float: left;
    min-width: 100px;
    margin-right: 10px;
}

.sorting-options ul {
    margin-left: 0;
    font-family: 'Source Sans Pro', 'Trebuchet MS', Helvetica, sans-serif;
}

.sorting-options ul li {
    display: inline;
}

.icon-keywords ul {
    display: inline;
    margin-left: 0;
    padding-left: 0;
}

.icon-keywords ul li {
    display: inline;
}

.icon-pages p{
    margin:0;
}

.keywords-label, .comment-text, .description-text{
    font-family: 'Source Sans Pro', 'Trebuchet MS', Helvetica, sans-serif;
}

/*------------ modules ------------*/

.module-section-one{
    background:url(http://i57.photobucket.com/albums/g223/lauchlen/Millaje/headerentryback.jpg) #4a3220;
    padding:10px 10px 10px 160px;
    border-radius:4px;
    margin:30px 0;
    overflow:hidden;
    border-left:2px solid #4f3e30;
    border-bottom:2px solid #4f3e30;
    box-shadow:0 0 2px #222;
}

.module-section-one >.inner:first-child{
    background:url(http://i57.photobucket.com/albums/g223/lauchlen/Millaje/entryback3_1.jpg) #a19c6f;
    box-shadow:0 0 2px #222;
    border:1px solid #825938;
    padding:10px;
}

.module {
    display:inline-block;
    vertical-align:top;
    width:180px;
    text-align:center;
}

.module h2 {
    font-family: 'Josefin Sans',  'Trebuchet MS', Helvetica, sans-serif;
    font-size:16px;
    margin:4px 10px;
    text-shadow:0 0 1px #555;
}

.module h2, .module h2 a {
    color:#5b3e27;
}

.module-section-one .module-content {
    padding:7px;
    height:160px;
    overflow:auto;
    border:1px dashed #7a7653;
    border-radius:3px;
}

.module-section-one ul{
    text-align:left;
}

.module-content ul {
    list-style: none;
    margin-left: 1em;
    padding-left: 0;
}

.module-content ul:first-child {
    margin:0;
}

.module-userprofile{
    float:left;
    margin-left:-170px;
    width:120px;
    text-align:center;
    padding:20px;
    font-family: 'Josefin Sans',  'Trebuchet MS', Helvetica, sans-serif;
    color:#7a7653;
    text-shadow:0 0 1px #000;
    font-weight:bold;
}

.module-userprofile .module-content{
    margin:0;
    height:auto;
    overflow:visible;
    border:none;
    padding:0;
}

.module .userpic img{
    padding:10px;
    border:1px dashed #7a7653;
    background:#5b3b22;
    border-radius:3px;
    box-shadow: 0 0 2px #4d3b2e;
}

.journal-name{
    font-size:18px;
    padding-top:10px;
}

.journal-website-name{
    font-size:16px;
}

.journal-website-name a:hover{
    color:#81644d;
}

ul.userlite-interaction-links {
    display:none;
}

.module-calendar .module-content {
    text-align: center;
    font-family:'Source Sans Pro',  'Trebuchet MS', Helvetica, sans-serif;
font-size: 13px;
letter-spacing: -0.1em;
}

.module-calendar table {
    margin: 0 auto;
}

.module-calendar td {
    padding: 1px 4px;
}

.tags_cloud li, .module-tags_cloud li { display: inline; }

.module-customtext .module-content{
    text-align:left;
    font-family:'Source Sans Pro',  'Trebuchet MS', Helvetica, sans-serif;
}

.module .manage-link{
    font-family: 'Source Sans Pro',  'Trebuchet MS', Helvetica, sans-serif;
    padding-top:10px;
}

.module-userprofile h2, .module-cuttagcontrols, .module-pagesummary, .module-active, .module-credit, .module-syndicate, .module-subscriptionfilters, .module-search, .module-time, .module-powered{
    display:none!important;
}

.module-navlinks{
    text-align:center;
    width:100%;
}

.module-navlinks li{
    margin:5px 0;
    text-transform:uppercase;
    padding:2px;
    font-size:14px;
    border:1px dashed #7a7653;
    background:#5b3b22;
    font-family:'Josefin Sans',  'Trebuchet MS', Helvetica, sans-serif;
    border-radius:3px;
    box-shadow: 0 0 2px #4d3b2e;
}

.module-navlinks li a {
    color:#7a7653;
    text-shadow:0 0 2px #222;
}

/*------------ contextual pop-up ------------*/

div.ContextualPopup {
    background:url(http://i57.photobucket.com/albums/g223/lauchlen/Millaje/entryback3_1.jpg) #a19c6f;
    border-radius:4px;
    font-family: 'Source Sans Pro', 'Trebuchet MS', Helvetica, sans-serif;
    padding:10px;
    border:1px solid #825938;
}

div.ContextualPopup .Relation {
    color:#5b3e27;
    font-size:16px;
    font-family: 'Source Sans Pro', 'Trebuchet MS', Helvetica, sans-serif;
    text-shadow: 0 0 1px #555;
    border-bottom:1px dashed #7a7653;
    padding-bottom:7px;
}

div.ContextualPopup .Userpic{
    border:0;
}

div.ContextualPopup .Userpic img{
    padding:5px;
    border:1px dashed #7a7653;
    background:#5b3b22;
    border-radius:3px;
    box-shadow: 0 0 1px #4d3b2e;
}

/*------------ control strip ------------*/

#lj_controlstrip {
    background:url(http://i57.photobucket.com/albums/g223/lauchlen/Millaje/headerentryback.jpg) #4a3220;
    border-bottom:2px solid #4f3e30;
    box-shadow:0 0 2px #222;
}

#lj_controlstrip .ljuser img{
    display:none;
}

#lj_controlstrip a{
    color:#a29c6f;
}

#lj_controlstrip td{
    border:none;
    color: #7a7653;
    text-shadow:0 0 2px #000;
    display: table-cell;
}

#lj_controlstrip .ljuser a{
    font-size:13px;
}

#lj_controlstrip_statustext {
    color:#7a7653;
    text-shadow:0 0 10px #222;
}

#lj_controlstrip input{
    border:1px dashed #7a7653;
    background:#5b3b22;
    box-shadow: 0 0 2px #4d3b2e;
    text-shadow:0 0 2px #222;
    border-radius:3px;
    font-family: 'Source Sans Pro','Trebuchet MS', Helvetica, sans-serif;
    text-transform:uppercase;
    color: #a19c6f;
}

#lj_controlstrip_actionlinks {
    text-align: center;
}

#lj_controlstrip_search {
    text-align: right;
}

#lj_controlstrip #search, #lj_controlstrip #xc_user, #lj_controlstrip #xc_password{
    text-shadow:none;
    text-transform:none;
}

td#lj_controlstrip_userpic img{
    border:1px dashed #7a7653;
    background:#5b3b22;
    padding:4px;
    border-radius:3px;
}

Any help is greatly appreciated.

Flat | Top-Level Comments Only

From:

marahmarie

There is a back to top link (as per a formal suggestion I made years ago, the top of page link is enabled in all journal styles by default now, which is why I take an interest whenever this question comes up). The CSS in use is currently hiding it. Remove this and you will see the link on the bottom left of the footer in a gold color:

Turning the header image into a link probably will require using s2 (in a custom theme layer) - I haven't seen it done since my time on LJ, where certain style communities would bake up s2 to do everything from image maps (still by far my favorite way to linkify a header) to simple image links. Hopefully one of the more s2-inclined people will see this post and offer help with that; I have to just stick to what I know. :)

Edited (clarity) Date: 2015-03-21 07:26 am (UTC)

lauchlen

Thank you so much for your help. That works perfectly. *g*

rosecarmine

Hello. I think I found a solution to your first matter.

You need to create a new layer. Go to "Customize style", click "Developer area", click "Your layers". Create a top level layer of the "layout" type. Go to "Public layers", click "Basic boxes", click "Raw source code" and copy the entire page.

Return to your newly created layer, click edit and paste what you copied.

Then search for:

and replace it with this:

Click "Save and compile".

Then go to "Select style", click "Your custom layers" and apply your new layer.

Now you have to install your layout on the new layer. Follow the original instructions from no.2 to 4.

After you apply the css, there are a few changes to make. First search for #journaltitles-container{ and replace its content:

#journaltitles-container{
font-family: 'Josefin Sans', Helvetica, sans-serif;
width:756px;
height:223px;
background:url(http://i57.photobucket.com/albums/g223/lauchlen/Millaje/headerwide_1.jpg)
no-repeat #7f6f4b;
}

then delete the background from #header > .inner:first-child and the height from .module-section-header.

I tried this and it worked for me. Let me know if you have any trouble. Sorry, I don't know a simpler solution and I hope this isn't too confusing.

Thank you so much for your help! I've not had time yet to do this yet because of a busy weekend, but I will tomorrow. I'll be sure to let you know when I have it all installed and working.

Again, thanks so much.

I just finished applying all the changes. It worked perfectly. Thank you so much for your help.

You're welcome.

Dreamwidth style system discussion

Header image a link and back to top.

Header image a link and back to top.

no subject

no subject

Header image link

Re: Header image link

Re: Header image link

Re: Header image link

Profile

September 2025

Links

Most Popular Tags

Page Summary

Style Credit

Expand Cut Tags