Jump to content
Sign in to follow this  
lang

Adsense Leaderbord between Boxes

Recommended Posts

lang    0
lang

Hi everybody!

 

I'd like to integrate an Adsense Leaderbord on my site. I got 12 boxes in total and three boxes every row.

So I'd like to insert the Adsense layer after the first row and that means after the first three boxes.

 

My present status quo on my site is:

Row1: Box1, Box2, Box3

Row2: Box4, Box5, Box6

Row3: Box7, Box8, Box9

Row4: Box10, Box11, Box12

 

 

 

My thought is:

Row1: Box1, Box2, Box3

Row2: horizontal Adsense Leaderbord

Row3: Box4, Box5, Box6

Row4: Box7, Box8, Box9

Row5: Box10, Box11, Box12

 

I think I can't integrate the Adsense Code in the php code because of the numeric box structure.

How could I solve the problem. Thank you for your response!

 

Kind regards!

Share this post


Link to post
Share on other sites
greenfly    230
greenfly

Hello Lang - could we have a link to your site please? 


The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

Hi,

 

The Simplest method to achieve this layout would be to clone the Boxes section and add a ContentBox section to your template. Then Position the sections on your template like this:

 

Boxes Section
ContentBox Section
Boxes Section Clone

Boxes Section Clone

Boxes Section Clone

 

Then you will want to alter your boxes so that Boxes 1-3 are in one set and do the same for 4,5,6, in another set and so on. Then go Wordpress Admin Dashboard > Pages, select the page and configure the Box sections to display these box sets. For example:

 

Boxes Section = Boxes 1-3
ContentBox Section
Boxes Section Clone = Boxes 4-6

Boxes Section Clone = Boxes 7-9

Boxes Section Clone = Boxes 10-12

 

Now in the ContentBox sections options, add the HTML code for you Ad.

  • Like 1

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
lang    0
lang

Yes of course.Thank you for your endeavors. It's the link I deposited in my profile. Do you see it? Thank you a lot.

Share this post


Link to post
Share on other sites
lang    0
lang

Hello Danny Ok I try. Thank you!

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

No problem, let us know if this resolved your issue.

  • Like 1

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

Yes, that section is the one where you will want to add your adsense code.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

No problem.

If the topic is now resolved, please inform us so we can mark the topic as resolved.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
lang    0
lang

Hello Danny. Thank a lot, it worked. I appreciate it! Would it be possible to minimize the gap between the several sections a little bit? I think the space is just a little bit too much! Or is there no chance?

Share this post


Link to post
Share on other sites
greenfly    230
greenfly

Hi,

 

It can be done and it will require the use of custom CSS.

 

I recommend using Firebug or your browsers built-in web dev tools and inspect the Fix Navigation element to find the correct code.

 

For assistance visit our custom CSS documentation - http://support.pagelines.me/docs/customization/custom-css/

  • Like 1

The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites
lang    0
lang

Hello Martin Davies. Yes thank You. I already tried it but I didn't find die right code after all. I will try again. Regards.

Share this post


Link to post
Share on other sites
greenfly    230
greenfly

Hello Lang - let us know how you get on 


The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites
lang    0
lang

Hello!

 

I used Firebug a long time now and found the adjustment I need for the content box.

This is it:

 

<div class="content-pad" style="padding-bottom: 1px; padding-top: 0px; height: 95px;">

 

But I need it just for the ContentBox, not for the other Boxes e.g. 

So I can't copy it into the Global Custom Code field.

 

How do I have to deposit the code just for the ContentBox that it works?

 

Kind regards!

Share this post


Link to post
Share on other sites
catrina    103
catrina

To make it ContentBox-specific, you need to use the DIV selector for ContentBox (the selector should be #contentbox), so your CSS selectors should look something like this:

#contentbox .content-pad
  • Like 1

Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
lang    0
lang

 

To make it ContentBox-specific, you need to use the DIV selector for ContentBox (the selector should be #contentbox), so your CSS selectors should look something like this:

#contentbox .content-pad

Hello catrina,

 

thank you a lot for your help. Where do I have to put the Code. In the general custom CSS Code Section or in the Content Box Content? Greetings.

Share this post


Link to post
Share on other sites
lang    0
lang

In the Custom CSS area.

 

Hello catrina,

 

I'm sorry. I have tried it different ways but it won't work.

Here is my code:

#contentbox .content-pad {
    
style="padding-bottom: 1px; padding-top: 0px; height: 95px;"
  }

Have I done something wrong?

I just want the contentbox get smaller...

Thank you for your response!

Share this post


Link to post
Share on other sites
catrina    103
catrina

Here is the corrected code:

#contentbox .content-pad {
    padding-bottom: 1px; padding-top: 0px; height: 95px;
  }
  • Like 1

Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
lang    0
lang

 

Here is the corrected code:

#contentbox .content-pad {
    padding-bottom: 1px; padding-top: 0px; height: 95px;
  }

 

 

catrina you are the best.

Thank you so much and have a nice day!

Regards!

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×