Ad banner before and after central logo

Posted in: Newspaper
Post count: 81

Hallo,
I would be great having a central logo with a square ad banner before and after it.

Via css a moved the logo to the centre, please any advice to cope with the two banners?

Thank you in advance
regards

Post count: 7909

Hi,

You can use header style 1 and alter this file and use a custom ad above logo – http://screencast.com/t/reDvpq9o6

div class="span4 td-header-style-1">
         <?php
      // show the header ad spot
             echo do_shortcode('[td_ad_box spot_id="custom_ad_1"]');
         ?>
</div>

Also you need to change header ad to span4 – http://screencast.com/t/u33Ty5eZr
You may also need some css customization – http://screencast.com/t/W7MXCZYxkN

.td-header-style-1 .td-a-rec-id-custom_ad_1 {
margin-bottom: 0px;
}
.td-header-style-1 .td-a-rec-id-header {
top: 0px;
}

Thanks!

Post count: 81

Thank you Alin, I will try it!

Best regards

Post count: 35

And how could I put two different ads in both sides? As this:

I also tried to put the ad like you’ve said but I don’t know that in the new version of the theme is a little bit different.

Post count: 7909

Hi,

The theme doesn’t have this option, you can do this only with custom modifications to the code.
I have used(use) the latest version of the theme 4.6.3 also for above solution – http://screencast.com/t/GQ3AaAbEsW9
Paste your code in custom ad that you use in Theme Panel and control the width/height if you use an adsense code: http://screencast.com/t/vmwKi8FdZ if you use non adsense banners you have to control width/height like in our example for images – https://forum.tagdiv.com/ads/
You should have this result without any css code: http://screencast.com/t/EXswSqw927

I suggest to hire a developer if you don’t know how to do it as we cannot provide any custom work for the moment, we can make only some suggestions. Sorry!

Thanks!

Post count: 81

Hallo Alin,
I am right now making my mods to the header, adding the two ads one on the left and one on the right side of the top mail logo.

Please I have this problem. Maybe I should add a second code.
Please have a look to

http://www.powerize.it/test.jpg.

Please what is wrong on it?

Thank you!
Regards

Newspaper ver. 4

Post count: 7909

Hi,

It should work fine if you have added the above code in header style 1 file – http://screencast.com/t/reDvpq9o6http://screencast.com/t/u33Ty5eZr If you have already done this please paste your code in the Custom ad 1 area from Theme Panel and see if appears. Also you can inspect this using browser inspector tool and see if it is there.

Thanks!

Post count: 81

Hallo Alin,
actually I used Custom Ad 2 as custom ad 1 is already in use.

Then I modified your code in […id=”custom_ad_2″].

Your div class on line 55 has been left the same.

Only one left banner appeared, not the second one.

Thank you

Post count: 7909

Hi,

You have to change the code like I suggested above and use browser inspector tool to see what css you need to change. I have provide you above an example how you can achieve this, but you may need additional css customizations. I suggest to get someone to help you if you don’t know how to do it as we cannot provide any type of custom work at this time, sorry!

Thanks!

Post count: 81

Hallo Alin,
thank you for your reply.
I followed your instructions but the secondo one is missing.

Please, have a look to:
lesuberante.it

Thank you once again for your attention.

Post count: 7909

Hi,

You have added the custom ad and it is displayed properly, please make sure that you have added the code also for header ad – http://screencast.com/t/1MnCna0iR Also you have added this css to center the logo – http://screencast.com/t/jEA3VuTFppC it should be removed margin auto and float none.

Thanks!

Post count: 81

Thank you Alin for your precious support.
I think to have solved it now.

Last question Alin,
I disabled the banner on tablet and phone visualization but in that situation banners are normally displayed.

Indeed here is what happens:

powerize.it/test.jpg

Thank you!

Post count: 7909

Hi,

You use non-adsense code so if you have to use these divs for specific screen size – https://forum.tagdiv.com/ads-system-full-guide/ For example if you want to display ads only for desktop you can use only this div container and it will be hidden on tablet and phone:

<div class="td-visible-desktop">
 <a href="link to" target="_blank"><img src="your image" alt=""></a>
</div>

Thanks!

Post count: 81

Hallo Alin,
thank you for your prompt reply.

With <div class=”td-visible-desktop”> it works fine now.
Therefore, these two little banners should be visible in desktop and tablet devices but disappear on phone because of the limited layout.

Is there anything you can advice me to add tablet visualization?

Thank you Alin for your excellent support.

Post count: 7909

Hi,

Please check the above documentation regarding the ads and use also tablets containers.

<div class="td-visible-desktop">
 <a href="link to" target="_blank"><img src="your image" alt=""></a>
</div>
<div class="td-visible-tablet-portrait">
 <a href="link to" target="_blank"><img src="your image" alt=""></a>
</div>

Thanks!

Post count: 81

Hallo Alin,
it is what I did but this does not disable the logo in smatphone visualization.
Indeed I don’t know what it might be.

Please have a look
lesuberante.it

thank you

Post count: 7909

Hi,

Sorry for inconvenience, I have provided the link for newsmag documentation, please check these div containers for newspaper 4 – https://forum.tagdiv.com/ads/

Thanks!

Post count: 81

Hallo Alin,
do not mind. Therefore the correct link you sent did not solve the problem.
I solved it using this modified css

.td-visible-tablet-manchette {
display: none;
/* responsive portrait tablet */
}

@media
(min-width: 768px) {
.td-visible-tablet-manchette {
display: block;
}
}

thank you.
Regards.

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