CSS code makes tabs and other bars push into logo Hitskin_logo Hitskin.com

This is a Hitskin.com skin preview
Install the skinReturn to the skin page

The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.
3 posters

    CSS code makes tabs and other bars push into logo

    AngelM
    AngelM
    Forumember


    Female Posts : 186
    Reputation : 4
    Language : English
    Location : UT

    Solved CSS code makes tabs and other bars push into logo

    Post by AngelM June 7th 2022, 1:49 am

    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.


    Last edited by AngelM on June 8th 2022, 2:15 pm; edited 1 time in total
    skouliki
    skouliki
    Manager
    Manager


    Female Posts : 15311
    Reputation : 1705
    Language : English,Greek
    Location : Greece

    Solved Re: CSS code makes tabs and other bars push into logo

    Post by skouliki June 7th 2022, 7:41 am

    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

    CSS code makes tabs and other bars push into logo Scre2703




    AngelM
    AngelM
    Forumember


    Female Posts : 186
    Reputation : 4
    Language : English
    Location : UT

    Solved Re: CSS code makes tabs and other bars push into logo

    Post by AngelM June 7th 2022, 3:28 pm

    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
    skouliki
    skouliki
    Manager
    Manager


    Female Posts : 15311
    Reputation : 1705
    Language : English,Greek
    Location : Greece

    Solved Re: CSS code makes tabs and other bars push into logo

    Post by skouliki June 8th 2022, 7:47 am

    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

    TonnyKamper likes this post

    AngelM
    AngelM
    Forumember


    Female Posts : 186
    Reputation : 4
    Language : English
    Location : UT

    Solved Re: CSS code makes tabs and other bars push into logo

    Post by AngelM June 8th 2022, 2:15 pm

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

    skouliki likes this post

    Ape
    Ape
    Administrator
    Administrator


    Male Posts : 19324
    Reputation : 2005
    Language : fluent in dork / mumbojumbo & English haha

    Solved Re: CSS code makes tabs and other bars push into logo

    Post by Ape June 8th 2022, 2:18 pm

    Problem solved & topic archived.
    Please read our forum rules: ESF General Rules



    CSS code makes tabs and other bars push into logo Left1212CSS code makes tabs and other bars push into logo Center11CSS code makes tabs and other bars push into logo Right112
    CSS code makes tabs and other bars push into logo Ape_b110
    CSS code makes tabs and other bars push into logo Ape1010