Hello,
I was wondering how I would place this personal ad of mine (for a retreat I am hosting) next to my logo in the header (www.livelovefruit.com). I remember there being an option for this previously in the Theme Panel (where you could put ads next to the logo)?
This is how it looks right now: http://www.screencast.com/t/b0kZHevfyL
This is how I want it to look: http://www.screencast.com/t/UyVrTocmNuY
Thanks muchly,
Carly
Hi,
You could use the default header template – http://screencast.com/t/086fBamX8 so the header ad will be placed beside the logo. And if you want to add additional banner bellow the main menu, you need to edit header-style-1.php and use this code to dislay a custom ad – http://screencast.com/t/6nd1wRRQ
<?php echo td_global_blocks::get_instance('td_block_ad_box')->render(array('spot_id' => 'custom_ad_1')); ?>
Adjust it using custom css – http://screencast.com/t/vf7tivbhnh0G
.td-a-rec-id-custom_ad_1 {
margin-top: 20px;
}If you use adsense code change a to g like this – .td-g-rec-id-custom_ad_1
Thanks!
Is there any way I can by-pass all of that and just stick this linked image next to my logo? I have specific settings for that header ad below the menu already, and it would be a pain to have to re-do the custom settings for it on specific pages.
When I do the above suggested things, I get something that looks like this (and I used the 728 x 90 code, and it automatically turned it into a 250×250 code, which is weird…and it also got rid of the white area (now grey) which connects menu with content below):
http://www.screencast.com/t/lHQL43Mu1
Best,
Carly
Hello Carly,
You can try this easy method to get it done. Just access your header-style-9.php and replace the whole code with this one: http://pastebin.com/q7aS0Dt2
Then place this custom css in the theme panel:
.td-a-rec-id-custom_ad_1 > div{
margin-bottom:0!important;
}
Make sure you have an ad placed in the custom ad 1 box.
Now you will have 2 responsive ad’s. One on the top next to the logo and one on the bottom of the menu.
result: http://screencast.com/t/dIlJe3giRe
Thank you!
Ahh, I wish that worked. It just made my site crash, and brought it to a blank grey screen.
I am using Custom Ad 4 (which I replaced the number in your code for instead of it being 1) and the code I am adding in there is this one:
<html>
<body>
</body>
</html>
Is there maybe something I am doing wrong with the ad code above?
<html>
<body>
</body>
</html>
Sorry. This is the code I am trying to ad:
Hello Carly,
I think it did not work because the code you are trying to insert is not ok.
Your old ad code with the body and HTML tags could create problems with our files and i suggest not using them.
Please use this custom ad code instead and see if it works:
<div class="td-all-devices"><a href="http://livelovefruit.com/rawjuvenation-retreat/">
<img src="http://livelovefruit.com/wp-content/uploads/2015/10/CostaRicaRetreatWebsite-01.jpg" alt="Costa Rica Retreat" /></div>Thank you.
I realized that after I wrote it, and fixed the ad code to exactly what you have there, and still comes up with a blank grey screen :\
I have checked this again on my end and it still works. http://screencast.com/t/OujhbNaRf9
Make sure you delete all of the code in header style 9 and copy all of it from pastebin.
Thanks
That’s odd, it seems to be working now. It didn’t like it when I was using the Custom Ad 4 (even when I made the changes), so I just made changes to make it for Custom Ad 1.
Anyway, it is working, but my logo is still HUGE, and I would like it to be the size as shown above in your screencast shot.
Right now it looks like this: http://www.screencast.com/t/p2o1TE1Nve
Or you can check it out at http://www.livelovefruit.com
Hello Carly,
Place this custom css in the theme panel:
.td-header-sp-logo{
width:30%
}
.custom-header-ad{
display:table;
}
.td-a-rec-id-custom_ad_1{
margin-bottom:0!Important;
}
@media (max-width: 767px) {
.td-header-sp-logo{
width:100%}
}
result: http://screencast.com/t/mYZjWg6kIwst
Thank you
Works perfect! Thank you so much for all of your help!
