Log in

No account? Create an account
20 August 2015 @ 05:02 pm
95. Clean Slate (2 variations)  
Layout Style: S2 Flexible Squares
Features: Embedded Fonts, Sidebar on Top
Layout Width: 1000px

Sidebar on Top { Preview } { Live }
Sidebar on side { Preview } { Live }

Theme and Layout Change Tutorial

All embedded in coding from Google Fonts

Sidebar on the Side - no header

Sidebar on Top no header image

Additional Layout Directions: Adding A Header image

  1. Currently this layout is not set up for a Header Image. However you can add on by putting the link in the .headerimage section. You should change the height in that section to the same height as your image. This will make your header overly your journal. Follow the directions below to change that...

  2. First find the .maincontent coding. Currently it has a padding of 45px on top. If you image is 300px in height then you will want to add 300px to this 45px padding for a total of 345px. If you image is a height of 250px then your total top padding would be 295px and so on.

  3. Then find your .sidebar coding. In this you will see the margin-top is set to the same 45px. The same idea applies. If you image is 300px in height add 300px to 45px for 345px.

Helpful Tutorials:

  1. Common Issues

  2. Theme and Layout Change Tutorial

  3. Image Tutorial: Adding Background & Header Images in Coding

  4. Sidebar: What I Do and Do NOT Want On It

  5. LJ Advertisements: What is that weird box on my LJ?

More Images:
More Headers: Layout Lounge: Headers
More Background Images: Layout Lounge Site
More Tiny Icons: Layout Lounge Site

No Hotlinking Images #4 under general
Header can be changed
Background image can be changed or removed.
Credit Necessary.

Having Trouble? Try:
Theme and Layout Change Tutorial or Helpful Hints
If that didn't work. Comment Below with example if possible.
Patshowminomoney on January 20th, 2017 11:51 am (UTC)
Hello! I'm using the Sidebar on Top version of the layout for a comm that I just started, but I'm having trouble with the ad placement. The ads are showing up above the whole blog but vertically. Is there a way to make them show up horizontally?

This is the comm: http://soyouwanttostan.livejournal.com/

[This is how the ad is showing up for me]

I'm sorry for the trouble, and thank you in advanced!
Jill aka Jo: 100: Raven & Wicksireesanwar on February 7th, 2017 08:15 pm (UTC)
That is the ad placement problem.

You probably had it on your sidebar before.
Patshowminomoney on February 8th, 2017 04:00 am (UTC)
I've actually tried that before asking. It was set to Between Entries*, but changing it to Horizontal did nothing. It's okay if there isn't a solution for it.

I have another question though. Is there a way to put a space between the top bar and the first post on the home page? When I enter a post, there's a space that shows up where the 'Previous. Edit. Tag. Memories.. ect' buttons are, but there isn't any space on the homepage. The layout preview shows that there should be one.

Again, I'm sorry for the trouble and thank you so much for your help in advanced.
Jill aka Jo: H50: Steve and Katherinesireesanwar on March 21st, 2017 06:55 pm (UTC)
Okay. Then it is likely there isn't a solution.

Okay so I think there wasn't supposed to be space but to create it you can add to the maincontent's top padding...

Instead of
padding: 250px 0px 0 0px;

padding: 280px 0px 0 0px;

This will create more space where the Skip links (previos, edit, tag, memroies etc) are in the post but this will make space between the "sidebar" and the posts.
Patshowminomoney on March 22nd, 2017 03:06 am (UTC)
That worked! Thank you! :)