T3 Community Discussion & Support

Let's build the best free Joomla template framework, together!
  1. 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.
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
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.