CODEWITHSUNDEEP
htmlcsstext
user2605157
user2605157

Reputation: 579

Adjusting Text Padding Below Text

So I have the title of an app (h1) and then underneath the title is a slogan (h2). I want the spacing between these two bodies of text to be closer. But the code is automatically giving the h2 a position on the page that can't be adjusted without adjusting the h1. How can I adjust the h2 relative to the the class (.mainBanner) and not h1.

Thanks for the help!

.mainBanner {
    background-image: url(/Users/omaramin/Documents/Competition/project/mainBanner.png);
        background-repeat: no-repeat;
        position: fixed;
        top: 0;
        left: 0;
        min-width: 100%;
        min-height: 100%;
}

h1 {
    color: #ffffff;
    text-align: center;
    padding-top: 125px;
    font-size: 36px;
    letter-spacing: 1.5px;
    font-weight: lighter;
    font-family: Bariol;

}

h2 {
    color: #ffffff;
    text-align: center;
    padding-top: 10px;
    letter-spacing: 1px;
    font-size: 13px;
    font-family: Bariol;
}

Upvotes: 0

Views: 696

Answers (1)

Cam
Cam

Reputation: 1902

Try using negative margin spacing. 

h2 { margin-top: -5px; }

Upvotes: 4

Related Questions