T3 Community Discussion & Support

Let's build the best free Joomla template framework, together!
  1. Benjamin
  2. General Discussion
  3. Monday, 05 May 2014
  4.  Subscribe via email
Hi all,

I'm a beginer, i want try to center the header logo (the 2 other block in the header are desactivated) but i really don't know how i can do that... The CSS files are so huge :(

Thanks for your reply.
  Ajaccio, France
Visit 
Comment
There are no comments made yet.
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Benjamin,

To center header logo, please open the style.less file (templates/t3_bs3_blank/less), find the following code:

// Logo
// ----
.logo {

// Left align the logo on Tablets / Desktop
@media screen and (min-width: @screen-sm) {
text-align: left;
}

a {
display: inline-block;
line-height: 1;
margin: 0;
}

}


Now change the text-align from left to center

// Logo
// ----
.logo {

// Left align the logo on Tablets / Desktop
@media screen and (min-width: @screen-sm) {
text-align: center;
}

a {
display: inline-block;
line-height: 1;
margin: 0;
}

}


Please compile LESS to CSS so that when you disable dev mode, the changes will be applied.

P/S: By default, the header block has 2 blocks: logo and search. If you want the logo to be center of your site, you should customize header block (templates/t3_bs3_blank/tpls/header.php)


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


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