Joomla Templates Club 406,261 posts

[yoursminc Friend yoursmincJoin date: April 2014Posts: 20Downloads:0Uploads:17 Thanks: 4]

#198709

How would I change the height of the Header? (the part above the horizontal)

kind regards

Rob

---

Attachments:

1. 

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#538606

Hi

In your custom.css file you can add a padding 25px

.t3-header {
padding:25px;
}
increase the value of padding will increase the height

[yoursminc Friend yoursmincJoin date: April 2014Posts: 20Downloads:0Uploads:17 Thanks: 4]

#538614

Hi Pavit,

I have tried your suggestion and must say that I do notice change in behaviour but still do not succeed in makeing the header smaller.

When I inspect the element I notice that it refers to header#t3-header.wrap.t3-header 1221px x 86px

So I would say I should be able to decrease the number of vertical pixels from 86px to let’s say 40px… How would I do that?

thanks
Rob

---

Attachments:

1. 

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#538620

<blockquote>When I inspect the element I notice that it refers to header#t3-header.wrap.t3-header 1221px x 86px</blockquote>

You are inspecting element with css optimization ON in your backend, disable the optimization to find the correct code

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#538621

Try the following – paste within your custom.css file


#header {
padding: 0;
}

#content {
padding-top: 65px;
}


[Author]

Posts