CODEWITHSUNDEEP
htmlcssjquery-pluginstextbox
Richard
Richard

Reputation: 6116

HTML + CSS Text container adjustment

I'm trying to get emulate this textbox container. But the thing is I am trying to adjust the height of the header, this part: Container

They provide all the files (html, css, js) of that page here

I've been searching through the documentation.css file for a while now to figure out where it is I can adjust the height of that box but I have been unsuccessful so far. This is what mine looks like: my container

As you can see mine looks almost exactly the same just the height of that box is too big. I'm fairly new to web programming so i might not be looking for the right thing in the right place so I'm hoping some more experienced eyes can figure it out.

Thanks for any help

Upvotes: 0

Views: 433

Answers (1)

italo.nascimento
italo.nascimento

Reputation: 142

The css is minified, what makes it a little more complex for beginers...

But if you search for .main-content>header in the file documentation.css you will notice it's setting up a padding.

The demo in the link you posted has:

padding:15px 30px;

In your code the first number is probably higher than 15, setting up a higher top/bottom padding. Just adjust it as you will.

Upvotes: 1

Related Questions