Header Image

Posted in: Newspaper
Post count: 1
MrPanache
#55185
Jun 21, 2015 at 2:38 pm

Hi

How can I make the background of the main header an image instead of a colour?

Post count: 6535
Andrei L.
#55366
Jun 22, 2015 at 3:12 pm

Hi

By default the theme can’t do that, but is possible with custom css (Theme Panel-> Custom Css) like in this example http://screencast.com/t/B4fBu9TIrro

For the Header Style: Default this code will work:

.td-header-header{
  background-image: url('http://www.florian-radu.ro/images/headers/Header-graphic03.gif'); 
  background-repeat: no-repeat;
  background-size: cover;
}

Here is a link about how you can use the background image http://www.w3schools.com/cssref/pr_background-image.asp

Thanks!

  • This reply was modified 11 years by Andrei L..
  • This reply was modified 11 years by Andrei L..
Post count: 1
alimos
#56786
Jun 29, 2015 at 12:35 pm

Hello,

I’ve tried that, but it didn’t work.
Any ideas why or what I did wrong?

Post count: 7909
Alin [tagDiv]
#56824
Jun 29, 2015 at 4:15 pm

Hi,

Please provide your site url so I can inspect this, as I also tested this and it works. Also if you don’t have site background image/color set, you can add a full background to the header using this custom css – http://screencast.com/t/NCuac8xM7vg

.td-banner-wrap-full{
background-image: url('http://www.florian-radu.ro/images/headers/Header-graphic03.gif');
background-repeat: no-repeat;
background-size: cover;
}

Thanks!

Viewing 4 posts - 1 through 4 (of 4 total)
You must be logged in to reply to this topic.