style_system | Entries tagged with header:background or image

i saw the option while customing and it seemed pretty cool, but i havent been able to do it. maybe bc i have a free account? idk, but if its possible tell me :3

also does any1 know how to put custom fonts? tysm!!!

Tags:

header:background or image

carisma_sensei

Hi! I'm lost here and it's a bit lame of me since I've been making layouts since forever now lol. But can anyone show me how to add a header to Mobility? I'm having a bit of trouble. Thanks in advance!

Tags:

header:background or image

momijizukamori

We had a code push last night! With that push comes a handful of style-related updates.

1) Navigation menu LIs are now directly targetable! No more extra spacing or having to muck around with nth-child syntax - they now have the class 'list-item-'.

2) Librarian's Dream will now use header images correctly instead of covering them up with background fill.

3) Custom styles that don't use the default stylesheet will now get the <meta name="viewport" content="width=device-width, initial-scale=1.0"/> tag as well - this may cause older layouts that weren't designed for mobile to look a little wonky on it. You can turn this off in your account settings by checking 'Turn off mobile view for this device'.

4) The Advanced Layers section now has a new editor that actually has the features people expect in a code editor in 2019 instead of being a glorified textarea.

Tags:

glymr

Hello! I would like to hold a contest to have people create a header image for this community:

detroitbecomehuman. However, I can't seem to find any resources to tell people what a standard header image size should be, ie "no wider than x number of pixels", "no taller than x number of pixels", or anything about whether they will degrade gracefully on mobile, etc. Does anyone have any tips or links that might help?

Thank you very much!

Current Mood: hopeful

Tags:

header:background or image

imperial_dragon

Hi. I's like to put an image in the header for my journal but I am battling to find any information I can understand on how to do this. I have no experience in using sites like Dreamwidth and don't know anything of CSS or where you would put it so -

I finally worked out how to use an image I uploaded to the image hosting for the header but it only shows the very top of the image, which I presume means that the image is too big to show fully. But I can't find anything to tell me how big the image should be or if there are any other ways I can change the way it shows. I'm using Elegant Notebook for Gold Leaf by rosecarmine

If anyone can help I would be very grateful but keep it basic please.

Tags:

header:background or image

kittyrefuge

I have been trying to find out the answer for the last (OMG) 5 hours...Now I'm hoping somebody can help me out from this situation.

The Base Style I'm using is Blanket.

( The CSS code I'm using )

Somebody, please?

Current Mood: confused

Tags:

header:background or image

thedaimaofanficarchive

Hello!

My name is Stefanie and I joined DW only very recently.

I have a question regarding the customizing of my header and I hope that some of the people in this community who are more familiar with CSS codes than I am can help me out.

I use the "Decadence" theme for my journal and I want to apply a header for it.
I want my header to be offset, meaning hiding the journal title and just show my image instead.
I used the following CSS code:

#title span { display: none; }
#title {
width: 1000px;
height: 503px;
background-image: url(http://i1382.photobucket.com/albums/ah260/celtic_rose/1039851_478430295566280_996037395_o_zpsqolbonoi.jpg);
background-repeat: none;
}

And the result I got is the following:

I'm happy with the size of my header, however, I would like it to either stretch all the way to the right of the top page OR to be in the top center of it.
How do I need to change my CSS code in order to achieve that?

If someone could help me out and provide me with adjustments to my CSS code for
option 1: header spreading over the whole top page
option 2: header as it is now, but in the center of the top page
it would be really appreciated.
Thanks!

Tags:

header:background or image

jordannamorgan

This is probably a question I should have asked a long time ago, but it's come up again in my updating of some old layouts, so. :Þ

A couple of different layouts I use (including my own journal and

prose_alchemist) not only give rounded corners to entries and modules, they insist on rounding off the corners--or sometimes half the corners--of my header images as well.

Is there a way I can get rid of all the rounded corners, and just have nice, straight, angular ones? I'd like to do that with the header images and entries/modules, although I'd settle for just not having the corners of my headers forcibly rounded off. (If I wanted them rounded, I would have made them that way, DW...)

EDIT: issue solved! CSS to do the trick is here in the comments. Thanks for the helps!

Tags:

refno619012

Hi all!

I just joined DW a few days ago, and I've managed to get my layout basically to how I want it to look. There are a few things I need help with, though:

I'd like to add a tiny one-pixel-wide border around my header, entries, modules, and entry comments, but am not sure what code to use.
I'd also like to put the titles of my entries and the headers of my modules in lower-case letters. I tried looking through the customization options, but there doesn't seem to be one for capitalization. :\
And lastly! I've noticed that the width of my header and layout are dynamic and change as I shrink the browser window. Is there any way to change both so that they are static?

I'd appreciate any help that anyone could offer me. :)

Tags:

girl_friday

Hi everyone!

I made a banner for a roleplay journal over here.

I was hoping someone can help me with this, it's been way too long since I've tried anything with CSS.

There are a few things I'd like to do and it seems as soon as I do one, I mess up something else.

1. I'd like the primary column to be fixed to the width of the banner.
2. I'd like to get rid of that "recent entries"
3. I'd like to have the primary and secondary columns aligned at the top.

The code I have right now is basic, it's just:

#title span { display: none; }

#canvas {
background-image: url(http://images.plurk.com/527dd93d2312aeea6b697888c2feb12b.jpg);
background-repeat: no-repeat;
background-position: top center;
padding-top: 250px;
}

Any help I could get would be super appreciated. THANK YOU.

Tags:

header:background or image

jest

So I made a banner for a DW community, The RecCollectors. It seems to display fine in Firefox and Chrome, but no image comes up in IE.

Right now it uses CSS3 to stack the main image on top of a tiled background image (the stripe). I'm happy with how it displays in Firefox and Chrome, but obviously I need to do something for IE. I tried to write an IE conditional comment specifying a slightly modified image that would work as a stand alone, but I can't get it to work in the custom CSS box.

Does anyone have any suggestions about what I should try next? Is there a better way to combine a fixed image and a tiled image in a header?

Thanks for any input.

ETA: Found a potential something in the comments to another post...adding some custom CSS that puts one image in #header and the other in #header .inner ? Anyone know how that might work?

Tags:

header:background or image

thoitaxh

Problem SOLVED! Hey, so I'm using Google Chrome most of the time, and my Thor themed layout works fine in that (except for a few issues that I'm pretty sure I can figure out myself) but when I use a different browser (i.e. Internet Explorer or Firefox; I haven't tried any others) the header doesn't sit where I want to sit. Which is mostly I guess because I used position: absolute but I'm not sure how else to get it centered above my posts.

This is how I want it to look in all browsers and how it looks when I use Chrome. This is how it looks on Firefox and this is how it looks on IE.

In both IE and FF, the header is too far left for what I want.

This is the code I used:

Also, in IE the sidebar doesn't show up. Could that be because I used position: fixed?

I'd be glad for any help!

Tags:

aryas_zehral

Hi,

I'm trying to get a header onto Brittle over at

slashing_jane. I tried it using the #canvas tag(?) but when it was centered it was out of alignment with the body and when I put it to the left I couldn't work out how to move it in until it lined up. Also I want a background image for the page but I'm not sure how to do both.

I know nothing about CSS so any help would be greatly appreciated.

Thanks,

Sayra.

Tags:

sharpiefan

(Ironic, I know, given the previous post!!)

I'm using Practicality for my personal journal, and have inserted a header banner using this code:

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

I want to introduce a small margin (of about 10px) at the top and bottom of my banner, to give a bit of space between the banner and the nav bar, at the top, and the header box (or whatever it's called) underneath.

How can I do this? Or can't I?

Trying to increase the padding number to 270 just moves the header box down, without shifting the banner itself down as well.

Tags:

redcirce

Hi all, I'm another migrant from LJ. ::waves:: I hope the influx of questions isn't too annoying?

Anyway, my question is as follows: Is there a way to set up your header so that it randomly chooses one of a group of header images each time the page is loaded?

I was able to port over pretty much all of my custom journal style from LJ thanks to

starlit's super helpful entry, but I couldn't get the code I had for rotating your header image to work. Admittedly, that could be because my knowledge of CSS is pretty limited and I could have been trying to insert it in the wrong place. (It was originally on LJ's "Edit your Theme Layer" page) The custom style was written for me, and although I sort of knew how to tweak it slightly on LJ, I'm not sure how it interacts with

starlit's code and my few exploratory attempts have gone awry. Any suggestions?

Current Mood: curious

Tags:

header:background or image

tropicsbear

~~First post for 2012!~~

So I'm trying to edit the layout I'm currently using. I tweaked some of the original CSS to accomodate my new header. I set the height to 200px since the image height is exactly 200px. But I noticed that there seems to be an extra few couple of pixels and that my header repeats.

This is the relevant CSS:

#header {
background:url("http://a.random-image.net/bcdmonte/batman.jpg") repeat scroll 0 0 transparent;
border:2px dashed #2D231C;
height:200px;
text-align:right;
}

I tried removing repeat scroll 0 0 transparent from the CSS but that just resulted in the entire header (plus the border) to disappear. Help?

Current Mood: confused

Tags:

misstia

hi! i freely admit i have 'the dumbz'....i don't want to import my theme/style from LJ, i am okay with the one i found here on DW....i would like to customize the header though and i have zero clue how to do that and i tried to find some info in FAQs, etc and i might have been looking wrong???? (i totally was looking wrong!)

i am using 'purple' for my journal style....

i DID find the CSS code to remove the 'recent entries' from the header but didn't want to add that yet lest it interfere with future CSS code additions.....and i know i can get rid of the 'profile module' too once i get the header sorted out.....

i'd like to put my journal name in the center and then have links under it (within the header) for: profile, friend's page (reading page), link to my domain, archive....i think this is possible??? i did buy a premium account here (sooo impressed with DW and how they value their users! :) i just don't know how and got really confused trying to find out how to do this.....maybe i need a different style?

i do know html, i know enough CSS to fiddle with it, but can't write CSS on my own....so i hoping someone can direct me somewhere as i have searched, but obviously am not searching in the right place....i saw where i can import a LJ style/theme, but i just want to customize a DW one.....

thank you in advance!!!

ETA: Resolved!! THANK YOU!!! :-)

Tags:

seizethestreets

ETA: solved. :)

I'm using the "Starry Night" Modular layout and I'd like to change the header. I have a picture I'd like to replace the current header image with (it's at http://www.fotoshack.us/foto.php?id=76886lyudmilanoblackedge.jpg); it's the same size, shape, etc. as the current header image. However, when I go to the customize > image > header box and paste the url in, all I see on my journal is a grey box where the image should be. So I'm guessing changing the header image in this theme isn't something you can do with the customize boxes, I'd have to use CSS. But I've no idea how.

For reference, I'd like the new header image to appear essentially the same way as the current one: same size, centered, with the journal title/subtitle and recent entries over it. Thanks in advance for your help!

Tags:

header:background or image

bererjs

I just found a lovely layout, but I would love to know how to add a header. Sorry, I have no idea how.

Thanks.

Tags:

sharpiefan

Hi there! I've recently switched to Practicality and have again encountered Dreamwidth's love of putting text over a header banner, as shown here, top right:

(click the thumbnail for a bigger view).

I'm not fantastic with HTML and CSS, but I know it's there somewhere, where I can put the header banner as a background image and move everything down, but I can't remember where to find that bit of code or how to alter it.

This isn't just an issue with Practicality, it occurs in every DW layout I've used: the Customize area allow for a link to a banner, but the text in that box won't move down, despite the user filling in the height of the banner, so the end result is a clash of text and banner that is frankly ugly. Would it be possible for someone to look into this and change the behaviour of text in the topbox? Or is that too big an ask, as it affects pretty much all DW layouts? I wouldn't know where to post such a suggestion, myself, and as I've said, I know next to nothing about coding.

Thanks for your help!

Current Mood: annoyed

Tags:

Profile

Dreamwidth style system discussion

July 2025

S	M	T	W	T	F	S
		1	2	3	4	5
6	7	8	9	10	11	12
13	14	15	16	17	18	19
20	21	22	23	24	25	26
27	28	29	30	31

Syndicate

Page Summary

lumemiruuuuuuuuuuu - does any1 know how to put a gif/image on the banner?
carisma_sensei - Help adding a header to Mobility
momijizukamori - Style-related Code Updates
glymr - Header image size?
imperial_dragon - Help in putting up a header
kittyrefuge - How can I place my header in the center of the header box?
thedaimaofanficarchive - Adjustment of the page header
jordannamorgan - Rounded image/table corners
refno619012 - NEED HELP WITH: border codes, title capitalization, & header + layout width
girl_friday - (no subject)
jest - SOLVED: Browser compatibility...
thoitaxh - Header and Browser Compatibility issues in Tabula Rasa?
aryas_zehral - Adding a header to Brittle
sharpiefan - Increasing header height
redcirce - Multiple header images?
tropicsbear - Header image size
misstia - lj refugee having 'the dumbz'....
seizethestreets - Header images?
bererjs - Add header
sharpiefan - Header banner/text issues

Style Credit

Style: Radiant Aqua for Venture by onlyembers

Expand Cut Tags

No cut tags

Page generated Aug. 17th, 2025 12:06 am

Dreamwidth style system discussion

Entries tagged with header:background or image

does any1 know how to put a gif/image on the banner?

Help adding a header to Mobility

Style-related Code Updates

Header image size?

Help in putting up a header

How can I place my header in the center of the header box?

Adjustment of the page header

Rounded image/table corners

NEED HELP WITH: border codes, title capitalization, & header + layout width

(no subject)

SOLVED: Browser compatibility...

Header and Browser Compatibility issues in Tabula Rasa?

Adding a header to Brittle

Increasing header height

Multiple header images?

Header image size

lj refugee having 'the dumbz'....

Header images?

Add header

Header banner/text issues

Profile

July 2025

Links

Syndicate

Most Popular Tags

Page Summary

Style Credit

Expand Cut Tags