• Resolved asd101

    (@asd101)


    Hi, I’m having trouble decreasing the size of my title for my website. It currently overflows into the tabs section and I would like to decrease the size. I looked into other solutions posted here and it didn’t seem to work. I tried changing everything on the css that resembled something related to font size of the title, however it didn’t work out.

    My website is http://www.make-me-successful.com
    (I would like to decrease the size of the text that says “What’s The Point of Living Average?”)

    The theme I am using is Modern Style 1.2 by FlexiThemes

    Any help would be greatly appreciated.

Viewing 3 replies - 1 through 3 (of 3 total)
  • sacredpath

    (@sacredpath)

    Automattic Happiness Engineer

    CSS is theme specific, so unless you were looking at a solution for the exact same theme, it would not likely work.

    In style.css fine #header h1 selector and adjust the 500% font size down to your liking. 300% seems to work nicely.

    #header h1 {
    font-size: 500%;
    }

    Go editing your style.css and you will find this:

    #header h1 {
    margin: 0px !important;
    padding: 25px 0 0 0px;
    font-family: Verdana;
    font-family: "Arial Black",Arial,Helvetica,Sans,FreeSans,Jamrul,Garuda,Kalimati;
    font-size: 500%;
    font-variant: small-caps;
    }

    By replacing “25” with “0” in padding your title will be shown upper.
    By replacing “500” with something like “300” your font will decrease.

    Thread Starter asd101

    (@asd101)

    It works! Thanks guys, especially for the fast reply.
    Greatly appreciated.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Downsizing Title of Website’ is closed to new replies.