all 28 comments

[–]magnora7 2 insightful - 1 fun2 insightful - 0 fun3 insightful - 1 fun -  (25 children)

I'm not sure we've tested the upload system yet, I think you're the first. Thanks for reporting this bug. We'll look in to it very soon. It's probably just a setting we need to change to get the uploads to work, so I'll dig in to that tonight.

[–]Vigte[S] 2 insightful - 1 fun2 insightful - 0 fun3 insightful - 1 fun -  (24 children)

Sorry for making more work for you!!!! Good luck fixing the bug!

[–]magnora7 2 insightful - 1 fun2 insightful - 0 fun3 insightful - 1 fun -  (0 children)

It's all good! I'd much rather have the bug worked out :) hopefully it's just a quick thing

[–]magnora7 2 insightful - 1 fun2 insightful - 0 fun3 insightful - 1 fun -  (2 children)

Well this one may take a few days after looking at it, but we'll get it worked out soon. Thanks for your patience

[–]Vigte[S] 2 insightful - 1 fun2 insightful - 0 fun3 insightful - 1 fun -  (1 child)

Hey man, I'm on your platform and I'm just happy to be somewhere people appreciate good content.

[–]magnora7 1 insightful - 1 fun1 insightful - 0 fun2 insightful - 1 fun -  (0 children)

Glad to have you here!

[–]magnora7 1 insightful - 1 fun1 insightful - 0 fun2 insightful - 1 fun -  (19 children)

Hey we were just able to get the upload bug worked out. So hopefully now you can upload whatever banner image you like! Thanks again for the bug report.

[–]Vigte[S] 2 insightful - 1 fun2 insightful - 0 fun3 insightful - 1 fun -  (18 children)

Hooray!! Thank you!

[–]magnora7 1 insightful - 1 fun1 insightful - 0 fun2 insightful - 1 fun -  (17 children)

You're welcome, glad we could help!

[–]Vigte[S] 2 insightful - 1 fun2 insightful - 0 fun3 insightful - 1 fun -  (16 children)

So... um, another question if that is okay?

I've put my banner up, the upload works great now! Thank you!

I resized it slightly and what not to fit - but I find it doesn't resize with the resolutions I tested (800x600, 1024x768, widescreen etc up to 1980x1080) - this is normal correct? What would you suggest for the dimensions of the banner, so it kind of flows for any resolution.

Additionally, is it possible to switch the banner to a secondary image, depending on whether the user is using night or daytime Saidit? I set it up with the nighttime setting in mind but realised it looks awful on daytime setting lol! (this is just a suggestion as I know it's not a thing yet!)

<3, you're doing good work Magnora, never quit!

Edit: ONE more, I promise only one! What is the name of the font you used? Is it okay to use the same font in the banner or would you prefer to keep that a secret ;)?

Edit 2: I just looked up the sub on an ipad, the image being 1900x200 forced the website to have a scroll bar all the way to the right, check it out if you have a mobile/or pad... not sure how to fix that one :\ Sorry!!! I keep breaking everything.

[–]magnora7 2 insightful - 2 fun2 insightful - 1 fun3 insightful - 2 fun -  (9 children)

Hi, our normal banner is 40x4500. The 40 tall is what really matters, then it's aligned to the left. Then the right side of the banner gets clipped off depending on how wide the user's browser is. So we use 4500 px width to support superwide browsers. Hopefully this will fix the scroll bar issue, let me know if it doesn't.

We don't have the capability to change banners on change of daymode/nightmode. /u/d3rr and I can consider adding it to our list.

The font is called "Ethnocentric" :)

[–]d3rr 2 insightful - 2 fun2 insightful - 1 fun3 insightful - 2 fun -  (2 children)

The font is called "Ethnocentric"

The shame!

[–]magnora7 2 insightful - 2 fun2 insightful - 1 fun3 insightful - 2 fun -  (1 child)

Lol I know it's pretty ironic tbh. I didn't even know the font name until last week

[–]d3rr 2 insightful - 2 fun2 insightful - 1 fun3 insightful - 2 fun -  (0 children)

At least we know the font name. I'm pretty impressed.

[–]Vigte[S] 2 insightful - 1 fun2 insightful - 0 fun3 insightful - 1 fun -  (5 children)

Thanks again, I'll have to find that font with the very intriguing name.

What I meant by the width of the banner though, since yours is so long :O, when I uploaded a custom one, the resolution of my image caused the page to become scrolly and distended but the default saidit banner does not do this, best to just look at s/youngerdryas on a pad or phone to know what I mean :(

Sorry again!

[–]magnora7 1 insightful - 1 fun1 insightful - 0 fun2 insightful - 1 fun -  (4 children)

to become scrolly and distended

This isn't happening for me when I visit /s/youngerdryas. The banner is a little taller than normal, but that's all. It looks fine to me!

When you say it's adding extra scrolling, do you mean it's making you scroll left-right, or it's adding extra to the up-down scrolling? If it's the left-right one, that's a new bug for us and we'd have to look in to that, because I don't see that on my browser. If it's adding extra up-down scrolling, the only way to alleviate that is to make the banner only 40px tall instead of taller than that.

[–]Vigte[S] 2 insightful - 1 fun2 insightful - 0 fun3 insightful - 1 fun -  (3 children)

Ahh, it doesn't do that anymore because d3rr showed me #header-img { max-width: 100%; margin: 0; }! Try putting up a custom banner on a sub that is wider than probably 1024 to see what I meant!

I still can't seem to get it to clip to the top however.

[–]d3rr 2 insightful - 1 fun2 insightful - 0 fun3 insightful - 1 fun -  (5 children)

is it possible to switch the banner to a secondary image, depending on whether the user is using night or daytime Saidit?

yeah it should be possible in your custom css. <body> has changing classes theme-nightmode and theme-daymode

for your banner, I see the saidit banner poking through on the top. I know we've deviated from reddit CSS which maybe we shouldn't have, but you could try setting

#header { background-image: yours }

That would just be custom css and not setting the header image directly.

With your approach you have now, try this to get rid of the scroll bar:

#header-img { max-width: 100%; margin: 0; }

[–]Vigte[S] 2 insightful - 1 fun2 insightful - 0 fun3 insightful - 1 fun -  (4 children)

Thanks so much d3rr!

Alright, so:

header-img { max-width: 100%; margin: 0; }

Worked, the banner was compressed (looks a little distorted, but that's life).

The saidit banner poking through does that no matter how large I make the banner height, it simply forces the rest of the page down. Anything less than approximately 175px has the saidit banner sticking out beneath, also.

I tried:

header { background-image: yours }

but there seemed to be no change.

I haven't worked with websites in a longgggg time, like, live journal long ago. Sorry for being the low-end of the tech support spectrum!

Guess I am off to learn some CSS!

[–]d3rr 2 insightful - 1 fun2 insightful - 0 fun3 insightful - 1 fun -  (0 children)

Hey man... yeah CSS is the hugest pain in the ass ever. I see my css made the image stretch and that sucks. Try adding this, and get rid of the max-width:100% style for #header-img (keep the margin:0 though)

#header-img-a { overflow: hidden; }

If you want to hide the saidit banner from being used on top, also add:

#header, #header-img.default-header { background-image: none; }

[–]d3rr 2 insightful - 1 fun2 insightful - 0 fun3 insightful - 1 fun -  (2 children)

Here's a completely different approach, that mimics the saidit banner more. I made this demo temporarily for you to check out, not jacking your sub or anything

So to do this approach, remove any header image set in sub settings and just use the 'edit stylesheet' page. For this example, I uploaded your header image as younger-dryas, then in the css I could use %%younger-dryas%%.

Anyway, this is the entirety of the css:

#header { background-image: url(%%younger-dryas%%); }
#header-img, #header-img.default-header { background-image: none; min-height: 162px; }

The 162px height makes #header add up to 200px plus a border (as shown in the page inspector when you look at height), to match your 200px image height, in case you were wondering or end up using a different image.

[–]Vigte[S] 2 insightful - 2 fun2 insightful - 1 fun3 insightful - 2 fun -  (1 child)

All I can say is wow! Thank you so much... you're probably the best technical support I've ever received from an admin, including services I have paid for!

I can't wait to work harder on making my banner less 1998 lol!

[–]M5M_Lies 2 insightful - 1 fun2 insightful - 0 fun3 insightful - 1 fun -  (1 child)

I was curious if one could change the header. Just want to say the banner looks great on mobile. A bit more height than stock banner but really nice work.

[–]Vigte[S] 1 insightful - 1 fun1 insightful - 0 fun2 insightful - 1 fun -  (0 children)

Thanks for the kind words stranger. I had to make it that tall unfortunately, other wise my two original pics (the mammoth & hunters and the picture of the sun & earth became too small to see the Earth or the hunters :(

I know it's pretty old-internet looking, but I literally haven't made images on the PC since like, 2007 lol.