[personal profile] sharpiefan posting in [community profile] style_system
Or point me in the direction of some help, please?

I want to insert a banner into my journal, which ought to be easy (paste the URL into the Header Banner Image box when customizing my style). Only I find that the header text - journal title, subtitle etc. end up going across the banner if I do it that way, which spoils the banner and makes the text hard to read.

Does anyone know how to move journal content down if I insert the banner URL into the Background Image box instead? I'm willing to use either Modular or Drifting layouts, whichever is easier as regards playing with the CSS.

It's a pretty big banner, that I've used for years over at LJ because I love it - it's 840x250px.

I have very little in the way of coding/HTML skills or I would have brought my Flexible Squares layout with me. (I was following the tutorial but could only get the default grey to show up; there seems to be some problem when I try to put my own CSS code in from LJ.)

Or, failing that, is there any way to move the journal title/subtitle/Latest Entries text down so I can have it underneath the banner instead of over to one side of it and running over it?

Date: 2010-09-11 01:24 am (UTC)
foxfirefey: A fox colored like flame over an ornately framed globe (Default)
From: [personal profile] foxfirefey
Which layout do you want to use most?

Date: 2010-09-11 02:04 am (UTC)
foxfirefey: A fox colored like flame over an ornately framed globe (Default)
From: [personal profile] foxfirefey
Try this in the custom CSS box in the Customize area:

#canvas { padding-top: 250px; }
#canvas { background: url("http://i26.photobucket.com/albums/c139/Sharpiefan/Sharpebanner1.jpg") no-repeat scroll center top;
 }
.module-navlinks { top: 270px; }

Profile

Dreamwidth style system discussion

July 2025

S M T W T F S
  123 45
6789101112
13141516171819
20212223242526
2728293031  

Page Summary

Style Credit

Expand Cut Tags

No cut tags
Page generated Aug. 18th, 2025 12:37 pm
Powered by Dreamwidth Studios