I want to add a top banner to my website using the Newspaper theme – http://www.smsoccerclub.com. The area is plain white at the moment.
How do I add this? It’s not part of the theme panel options so I’m guessing I need to add code somewhere? I’m a beginner but I follow instructions well!
thanks so much
Hello Paul,
Our theme has adsense support and it can be applied from the theme panel:
You can chose a header style that allows a banner above your menu https://forum.tagdiv.com/header-styles/
If you want to use other ads you can read this section: https://forum.tagdiv.com/using-other-ads/
If you are talking about a logo, not an ad, you can set it like this:
http://screencast.com/t/oVNptpYKhjW
You can also read our documentation: https://forum.tagdiv.com/logo-favicon/
Thank you.
thanks Bodgan, appreciate your reply.
But I don’t see how I can use the banner ads section of the theme to add a full banner on the top of my website. I have used the code below in the adsense box as directed:
——
<div class=”td-visible-desktop”>
</div>
<div class=”td-visible-tablet-landscape”>
</div>
<div class=”td-visible-tablet-portrait”>
</div>
<div class=”td-visible-phone”>
</div>
——-
The problem is shown on my website homepage if you take a quick look http://www.smsoccerclub.com. I want the banner to cover the WHOLE top white area.
Is this possible via the theme?
thank you for your time
Hi,
You use header template 3 that include the logo and the banner side by side. If you want to modify it and remove the logo, you have to alter the code like this – http://screencast.com/t/mmt8TOE5IBh and use this custom css to center the ad – http://screencast.com/t/P0ESknkNgLG4
@media(min-width: 768px){
.td-header-style-3 .td-header-sp-recs {
float: none;
margin-left: auto !important;
margin-right: auto !important;
}
}
Thanks!
Thanks Alin – that’s it ALMOST done!
I have removed the logo and added the custom css, however I want the banner to fit the WHOLE white header area, not just be centered with lots of white space.
http://www.smsoccerclub.com check it out now.
Can I do this with code?
thank you again
Hello Paul,
If you want to increase the size of your logo, you will have to upload a bigger image/banner, to fit the size of the white space.
Thank you
thanks again for the reply Bogdan but I don’t see how the size of the banner is the issue. I have uploaded a bigger banner and the same thing happens, it is sized exactly the same way. The size of the uploaded logo doesn’t seem to make any difference.
It must be a code issue for me to rectify it? Can you check out the code on my page please?
thank you
Paul
Hello Paul,
I made this custom CSS that should fix your problem.
.td-header-style-3 .td-container, .td-header-style-3 .td-header-sp-recs {
width:100%;
}
.td-header-style-3 .td-header-sp-recs{
margin:0px;
}
.td-header-style-3 .td-header-sp-recs img {
position:relative;
}
@media (max-width: 767px){.td-header-style-3 .td-header-sp-recs img{
margin:0!important;
}
}
Thank you.
thanks so much Bogdan – the issue is now resolved!
I really appreciate the support.
Paul
