Custom Layout Workaround

Dec 21, 2011 13:43

Here are the steps for installing a layout to get around LJ's fail:

1. Go to your journal style page and select a new theme. You want Georgia - Minimalism.

2. Once that's applied, select "Customize Your Theme"

3. On the left hand side, there will be an option called "Custom CSS." Go there, and there's a big box for copying and pasting code.


4. Copypasta one of these codes into that box (Layout courtesy of stoppedhiding):

With Sidebar - Note...you will see all journal tags listed at all times if you do this.

unlayered

body {
background-color: #fafafa;
font-size:10px;
}

.userpic-in {
display:none;
}

.header-sec {
align:center;
width:100%;
height:165px;
background-image:url('http://i.imgur.com/MGZcw.png');
background-repeat:repeat-x;
text-align:center;
vertical-align:middle;
font-weight:bold;
}

h2 {
text-align:center;
width:100%;
}

dt.entry-title img{
margin-right:-40px;
float:right;
}
dt.entry-title a img{
margin:0px;
float:none;
position:static;
}

.sidebar, .sidebar-inner {
width:200px;
float:left;
}

.sidebar-tags {
width:200px;
}

small {font-size:11px !important;}

big {font-size:110%;}

.hr {display:none;}

.content-inner {
margin-left:170px !important;
overflow:visible;
width:77%;
}

.content .entry {
width:100%
margin-right:5%;
margin-left:5%;
overflow:visible;
}
.content .entry .entry-text {
font-family:Verdana, Georgia, serif;
}
.entry-wrap {
border-top:double 3px #000;
margin-bottom:10px;
margin-left:50px;
position:relative;
align:right;
width:80%;
}
.username {max-width:120px;}

h3 { margin-top:0px !important; }

.entrymenu a {padding-top:20px !important; }

.entry-text .author {
position: relative;
float: right;
max-width: 120px;
margin: -2.6em 0 1.2em 1.2em;
font-size: 0.85em;
text-align: center;
z-index: 10;

Without Sidebar - Note: much cleaner, but you lose any links you had in your original sidebar.

eccentriclycool

body {
background-color: #fafafa;
font-size:10px;
}

.userpic-in {
display:none;
}

.header-sec {
align:center;
width:100%;
height:165px;
background-image:url('http://i.imgur.com/ADqdM.png');
background-repeat:repeat-x;
text-align:center;
vertical-align:middle;
font-weight:bold;
}

h1 {
color:#FFFFFF;
}
.nav, .nav a {
color:#FFFFFF;
}

h2 {
text-align:center;
width:100%;
}

dt.entry-title img{
margin-right:-40px;
float:right;
}
dt.entry-title a img{
margin:0px;
float:none;
position:static;
}

.sidebar, .sidebar-inner {
display:none;
}

small {font-size:11px !important;}

big {font-size:110%;}

.hr {display:none;}

.content-inner {
margin-left:25px !important;
overflow:visible;
width:95%;
}

.content .entry {
width:100%
margin-right:5%;
margin-left:5%;
overflow:visible;
}
.content .entry .entry-text {
font-family:Verdana, Georgia, serif;
}
.entry-wrap {
border-top:double 3px #000;
margin-bottom:10px;
margin-left:50px;
position:relative;
align:center;
width:80%;
}
.username {max-width:120px;}

h3 { margin-top:0px !important; }

.entrymenu a {padding-top:20px !important; }

.entry-text .author {
position: relative;
float: right;
max-width: 120px;
margin: -2.6em 0 1.2em 1.2em;
font-size: 0.85em;
text-align: center;
z-index: 10;

5. Hit save and you're good to go!

For Paid Accounts

Once all your changes have been made, click the "Account" link. There will be a display tab where you'll have options to view all communities in your style. There's also an option to view all entries on your friend's page in your style (which doesn't require a paid account). Click these and save.

To Get Userpics on the Recent Entries Page

This is an option on your "Customize Your Theme" page, under "Additional Options." Look for the option to "Show userpics on recent entries page" and select yes.

**Edits: Layouts now include a customizable header, dividers between entries, and the non-sidebar layout should be wider.

(I modified some of the code on stoppedhiding's original layout. If you want their original code, it can be found here)
Previous post
Up