T3 Community Discussion & Support

Let's build the best free Joomla template framework, together!
  1. Lawrence
  2. General Discussion
  3. Tuesday, April 15 2014, 07:36 PM
  4.  Subscribe via email
I have 3 questions today.

First off I would like to know how to make the master header smaller as it's far too large.

http://s29.postimg.org/via9rmnh3/master_header.png

Second I would like to know how to remove the powered by and copyright

http://s28.postimg.org/4sagt5o9p/footer.png

And finally, is there a way of making the footer stick to the bottom of the page as in the image below the footer has risen.

http://s29.postimg.org/z25usalw7/footer_stick.png

I am using the template t3_bs3_blank - Home

I've tried editing the styles in the back end with development mode enabled and no luck, so I put it back to it's original state. I have no idea what I should be changing.
Comment
There are no comments made yet.
Accepted Answer
Gardner Luna Accepted Answer Pending Moderation
0
Votes
Undo
Hi Lawrence,

Thanks for using T3 framework for your project. I will answer your questions one by one.

1. how to make the master header smaller as it's far too large

You mean the masthead? To customize masthead style and its size as well, open file component.less in folder templates\t3_bs3_blank\less, find the following style and customize as you expect

//
// MASHEAD & JUMBOTRON
// --------------------------------------------------

// Jumbotron (jumbotron.less)
// --------------------------
.jumbotron {

h1, h2, h3 {
margin-top: 0;
}

p {
// Remove margin on last paragraph
&:last-child {
margin-bottom: 0;
}
}

.container & {
border-radius: @border-radius-large; // Only round corners at higher resolutions if contained in a container
}

@media screen and (min-width: @grid-float-breakpoint) {
.container & {
}
h1 {
}
}

}

// Mashead
// --------
.masthead {
padding: (@t3-global-padding * 2) 0;
text-align: center;

p {
// Remove margin on last paragraph
&:last-child {
margin-bottom: 0;
}
}

@media screen and (min-width: @grid-float-breakpoint) {
padding: (@t3-global-padding * 4) 0;

h1 {
font-size: @font-size-base * 7;
}

p {
font-size: @font-size-base * 2;
}

// Bigger mashead btn
.btn-lg {
margin-top: @line-height-computed;
padding: 18px 42px;
font-size: @font-size-base * 1.5;
}
}

}


// T3 Jumbotron Primary
// --------------------
.jumbotron-primary {
background-color: @brand-primary;
color: lighten(@brand-primary, 50%);
h1, h2, h3 {
color: @white;
}
p {
color: @white;
}
.btn-primary {
border-color: #fff;
}
}


Please always keep in mind to compile LESS to CSS.

2. how to remove the powered by and copyright

Open file "default.php" in folder "templates\t3_bs3_blank\html\mod_footer" then customize the footer info.

3. sticky footer

For this, please take a look here: https://gist.github.com/mokagio/1918937.


Gardner.
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # Permalink


There are no replies made for this post yet.
However, you are not allowed to reply to this post.