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 (2)

Resolved put image in header

0
Votes
Undo
  1. micker
    micker
  2. General Discussion
  3. Tuesday, 30 July 2013
  4.  Subscribe via email
hello i want to put a background image in header in full width
i try this in custom.css
.container.t3-header {

  background-image: url("../images/banniere.jpg") !important;

}

but it only in width site
how to use full width ?
when i use
.container.t3-header {

  background-image: url("../images/banniere.jpg") !important;

  width:100%;

  margin-left: auto;

  margin-right: auto;

}

the header is align to right ... not center
thanks for any help
Comment
There are no comments made yet.
Responses (2)
Admin
Admin
Hole-in-One Sherlock Holmes The Voice
Accepted Answer Pending Moderation
0
Votes
Undo
Hi micker,

If you are going to use background image, you can take reference in background-size css.

Here the example.
http://www.css3.info/preview/background-size/

Regards
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 1
micker
micker
Accepted Answer Pending Moderation
0
Votes
Undo
i found a solution in block header


<div class="background">

<header id="t3-header" class="container t3-header">


and in custom.css


.background {

  background: url("../images/banniere.jpg") right !important;

  width:100%;

  margin-left: auto;

  margin-right: auto;

}


thats ok for you ?
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 2
  • Page :
  • 1


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