|
1 2 |
|
|---|---|
| Posted by | Messing with comment box CSS - need some help |
 🐛 GRUBGROOVE (#145361) Merciful View Forum Posts  Posted on 2024-10-12 22:30:43 |
Hello!! I'm very much a beginner at CSS, I know a couple of basics but not much else. I've been attempting to tweak and add to the free css I've been using to make my page more compact, and I'm stuck on trying to relocate the comments box. Is there a way to move it up so it's in the spot where the black area is (pics for reference)? The only thing I could think of myself was the "top" property, but that left a big empty space behind that I couldn't figure out how to get rid of. The comment box section of my CSS is in the spoiler, and here's a link to the stylesheet i'm using for good measure. You can look at my profile as well if you need live visuals :) Would love to get this figured out!!    0 players like this post! Like? Edited on 19/10/24 @ 15:58:58 by 🕷️ GRUBGROOVE (#145361) |
Report
|
Toffee (#434347)
Kind View Forum Posts Posted on 2024-10-12 23:39:09 |
#makeComment { width: 500px; height: 40px; float: left; padding-top: 5px; padding-bottom: 5px; background: #D2B4AD; margin-left: 30px; position: absolute; top: 740px; } and #commentBox { border: none !important; border-radius: 0px !important; float: left; height: 200px !important; width: 500px !important; background: #D2B4AD; margin-left: 30px; position: absolute; top: 534px; } Hope this helps! What a creative idea honestly! 0 players like this post! Like? |
|
Toffee (#434347)
Kind View Forum Posts Posted on 2024-10-12 23:40:54 |
Oh what lemme see how to get rid of the space Edit: Actually it should just get rid of the space after you move the comment boxes Second Edit: Don't forget to add in margin-left! Comment box was left at top: 534px so there would be some natural space between the box and post. And then you can turn the background box from black to your box color. 0 players like this post! Like?Edited on 12/10/24 @ 23:47:41 by Toffee (#434347) |
|
🐛 GRUBGROOVE (#145361)
Merciful View Forum Posts Posted on 2024-10-12 23:52:47 |
AH OKAY that almost worked!! It's super close to where it should be, and I thought I'd be able to just change the "top" property again so It'd fit, but it doesn't change when I edit the pixels for some reason.  (Thanks for the edits, by the way - I totally screwed it up the first time X] ) 0 players like this post! Like? |
|
🐛 GRUBGROOVE (#145361)
Merciful View Forum Posts Posted on 2024-10-13 00:00:17 |
^^ I think the comment section might be moving around depending on whether you have a notif or not - I checked to see what my profile looked like using my alt, and it was aligned way closer to how it should be - however, when I dismissed my rabies notification, it moved back to how it looks from my main's point of view. Unsure about why it does this. D: 0 players like this post! Like? |
|
Toffee (#434347)
Kind View Forum Posts Posted on 2024-10-13 00:00:37 |
Oh wow that's weird! It's looking normal on my side somehow. Are you on moblile? Edit: Trying to get my image from my side to pop up Edit 2: Just saw your other post. Yeah I have my rabid notifs up. That'll be tricky to solve haha 0 players like this post! Like?Edited on 13/10/24 @ 00:02:41 by Toffee (#434347) |
|
🐛 GRUBGROOVE (#145361)
Merciful View Forum Posts Posted on 2024-10-13 00:02:20 |
I'm on a laptop! I haven't seen how it looks on mobile yet, maybe I ought to check that lol 0 players like this post! Like? |
|
Toffee (#434347)
Kind View Forum Posts Posted on 2024-10-13 00:07:58 |
So I have two solutions: Configure your css to where all notifs will have display:none;. Wacky and will get rid of notifs on your den, but it'll do the job lol. The other is to configure it so that there will be a preset gap to where the notifs will pop up. So the gap to where notifs are will still be there even after you dismiss your notifs. You can try a small image to fill up the space lol 0 players like this post! Like? |
|
🐛 GRUBGROOVE (#145361)
Merciful View Forum Posts Posted on 2024-10-13 00:15:02 |
How would I go about adding a preset gap? It seems like that would work pretty well! 0 players like this post! Like? |
|
Toffee (#434347)
Kind View Forum Posts Posted on 2024-10-13 00:21:09 |
Try adding: div.col-md-9.col-xs-12>h1{ margin-top: 100px; } And that should position everything nicely after that. However, there may be cases where there's also the rabid notif and other notifs, so you might want to do 200-250px instead. After that, you can then add 100-150px to the commentbox positioning and you should be golden 0 players like this post! Like? |
|
Toffee (#434347)
Kind View Forum Posts Posted on 2024-10-13 00:24:47 |
I'm hoping margin-top will do the job and not just add a margin to the already existing notifs. Tell me if it does  0 players like this post! Like? |
|
🐛 GRUBGROOVE (#145361)
Merciful View Forum Posts Posted on 2024-10-13 00:30:03 |
Unfortunately it does seem to have just added a margin to the notifs...   (with a notif)  (without a notif) 0 players like this post! Like? |
|
Toffee (#434347)
Kind View Forum Posts Posted on 2024-10-13 00:36:08 |
AHA! Fixed it too! Additionally, add these to all your notif css: position: absolute; width: 97%; And that should be the end. Sorry for the hassle! 0 players like this post! Like? |
|
🐛 GRUBGROOVE (#145361)
Merciful View Forum Posts Posted on 2024-10-13 00:40:33 |
IT WORKED! Yes!!! I never would have figured all of this out myself, so I don't mind the hassle at all  Thank you so much for all of your help!! 0 players like this post! Like? |
|
🐛 WORMPIANO (#145646)
Maneater View Forum Posts Posted on 2024-10-13 00:45:27 |
 )works great! woo!! 0 players like this post! Like?Edited on 13/10/24 @ 00:46:15 by 🕷️ GRUBGROOVE (#145361) |
|
Toffee (#434347)
Kind View Forum Posts Posted on 2024-10-13 00:48:27 |
Can you send another notif? For some reasom, I can't see forum notifs on your page on my side. 0 players like this post! Like? |
1 2 |
|---|
Memory Used: 625.60 KB - Queries: 2 - Query Time: 0.00114 - Total Time: 0.00520s