CSS code makes tabs and other bars push into logo

Technical Details

Forum version : #phpBB3
Position : Founder
Concerned browser(s) : Mozilla Firefox
Screenshot of problem : https://public.fotki.com/marvelousartworks/a-ma-forum/misc-images/adding-code.html#media
Who the problem concerns : All members
When the problem appeared : June 6, 2022
Forum link : https://marvelousartworks.forumotion.com/

Description of problem

I am sorry to repost this. I started it this morning, but accidentally closed out my topic before I got the answer. That post is here... https://help.forumotion.com/t161395-white-space-and-sizes#1129690

I was trying to make that tan bars that's just below the date/time height shorter. I was given this code:

Code:                 div.inner {             height: 30px;         }

As you can see in my screen shot, it made a bunch of stuff go up into my logo...so that must not be the right code to decrease the height of that area. I am not sure what you call it that area.

Thank you for your time.

Angel

EDIT: I found what was making that bar so high. It was in my welcome message that still had the title in it. I still don't know what caused all the tabs and stuff to go up into the logo and would like to find that out.

hello

your thread was marked as solved that is why it was archived

now i don't see what you posted as a screenshot ..i see this

The screenshot link is up in the OP top where all my info is at the very top. But, here is.

Screenshot of problem : https://public.fotki.com/marvelousartworks/a-ma-forum/misc-images/adding-code.html#media

this is caused cause in your version that element is similar with others so the code applied to all

copy and paste this code instead

Code:


.panel {
    height: 30px;
}


you can change the value 30px to any number

Thank you very much. That worked. You may close this.