T3 Community Discussion & Support

Let's build the best free Joomla template framework, together!
Subscribe via RSS  Subscribe via email
Recent
Categories
Tags
Users
Badges
View Replies (1)

Resolved Logo positioning

0
Votes
Undo
  1. Benjamin
    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.
  1. position
  2. logo
  Ajaccio, France
Visit 
Comment
There are no comments made yet.
Responses (1)
Gardner Luna
Gardner Luna
Hole-in-One The Voice
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.