Changing Ad Label Position

Resolved kiko911
(@kiko911)

6 years ago
Hello!

I also have another question. I have followed your instruction to move AD LABEL from top to bottom (under the ad)
https://wpadvancedads.com/manual/ad-label-how-to-set-advertisement-label/#utm_source=advanced-ads&utm_medium=link&utm_campaign=settings-advertisement-label

But unfortunately the ad label is not moving to the bottom. This is the code I have added to the WordPress Additional CSS:
```
// adjust the ad wrapper
.pol-top { 
position: relative; 
margin-bottom: 20px;
}
// label element
.pol-adlabel { position: absolute;
    bottom: -20px;
    left: 0px;
}
```
In AdvancedAds in settings I have set Prefix ID to:
pol-

I also would like to change the font to make it smaller.
Example page with ad: https://4review.pl/15-blogging-statistics-to-inspire-you-to-create-content/

Could you tell me what am I doing wrong and how to move ad label to bottom?
Thanks 🙂

The page I need help with: [log in to see the link]

Viewing 10 replies - 1 through 10 (of 10 total)

Plugin Author Thomas Maier
(@webzunft)

6 years ago

Hi kiko911,

thanks for your message.

I could imagine that the ad wrapper pol-top is wrong or there are more containers. If you want to adjust the label only to the placement that is called “top” then you should also change .pol-adlabel to .pol-top .pol-adlabel.

If there is no placement called “top” or “Top” in your backend then you would need to find the correct class. I cannot find “top” on the page you linked to, but .pol-w-poscie.

Changing the font size is similar and the example also given in our manual:

.pol-adlabel { font-size: 0.8em; }

Let me know if this helps.

Miłego weekendu!
Thomas

Plugin Author Thomas Maier
(@webzunft)

6 years ago

Hi @kiko911,

have you been able to resolve the issue with the ad labels?

Best regards,
Thomas

Thread Starter kiko911
(@kiko911)

6 years ago

Hello @webzunft

Thanks for your message. Not really, what I am inserting is not really working…

Could you help me create the code that I should insert? Maybe I am doing something wrong 🙁

Plugin Author Thomas Maier
(@webzunft)

6 years ago

@kiko911 sure, I can give it a try. Where can I find the current status?

Thanks,
Thomas
Thread Starter kiko911
(@kiko911)

6 years ago
Hi @webzunft

Sorry for the late reply and thanks for willing to help me 🙂

https://4review.pl/11-of-best-laptops-evaluated-based-on-budget/
In this website there is “inside post” type of ad. I think it’s set to “after 3. paragraph”.

Btw. is it possible to change the ad label permanently for all the ads? Just to make a general rule if I want to have it on top or bottom and set a font size. I think that would be great feature for your plugin.

In the AdvancedAds settings I have this:
prefiks ID: “pol-”
Enable label box: marked yes: “Reklama”

In Appearance > Additional CSS I have added this:
```
// adjust the ad wrapper
.pol-top { 
position: relative; 
margin-bottom: 20px;
}
// label element
.pol-adlabel { position: absolute;
    bottom: -20px;
    left: 0px;
}
```
Plugin Author Thomas Maier
(@webzunft)

6 years ago
Hi @kiko911,

thanks for your feedback.

To make the change to all ad labels, you can use the following CSS snippet. The first line looks for our ad containers which start with your prefix.
```
div[id^="pol-"][class^="pol-"] {
position: relative; 
margin-bottom: 20px;
}
// label element
.pol-adlabel { position: absolute;
    bottom: -20px;
    right: 0px;
    left: 0px;
}
```
Let me know if this works.

Best regards,
Thomas
Thread Starter kiko911
(@kiko911)

6 years ago
Hi @webzunft

I have added this code to Additional CSS, but the Ad Label is still on top:
```
div[id^="pol-"][class^="pol-"] {
position: relative; 
margin-bottom: 20px;
}
// label element
.pol-adlabel { position: absolute;
    bottom: -20px;
    right: 0px;
    left: 0px;
}
```
Am I doing something wrong?
- This reply was modified 6 years ago by kiko911.
Plugin Author Thomas Maier
(@webzunft)

6 years ago

Hi @kiko911,

thanks for your feedback. Sorry, I just now noticed that the CSS comment has the wrong format. Please remove // label element entirely and let me know if that helped.

Thanks
Thomas
Thread Starter kiko911
(@kiko911)

6 years ago
@webzunft

Great, I have changed it and added element to change the font size and it all works! 🙂
```
div[id^="pol-"][class^="pol-"] {
position: relative; 
margin-bottom: 20px;
}

.pol-adlabel { position: absolute;
    bottom: -30px;
    right: 0px;
    left: 0px;
}
.pol-adlabel { font-size: 0.8em; }
```
Thank you so much! 😀
- This reply was modified 6 years ago by kiko911.
Plugin Author Thomas Maier
(@webzunft)

6 years ago

Thanks for your feedback, @kiko911.

I am happy that we found a solution.

Would you find a minute to say something nice about Advanced Ads and our support here?

Best regards,
Thomas

Viewing 10 replies - 1 through 10 (of 10 total)

The topic ‘Changing Ad Label Position’ is closed to new replies.