Hi, I have experimented a little bit to make ads less intrusive. This is what I came up with. Place this in <style></style> in custom header.
/* Header section styles */
.adsense_header_audiofil {
width: 400px;
height: 100px;
margin-top: 5px; /* Adjusts spacing above the header */
}
@media (min-width: 738px) {
.adsense_header_audiofil {
width: 738px;
height: 90px;
margin-top: 5px; /* Adjusts spacing above the header for medium screens */
}
}
@media (min-width: 962px) {
.adsense_header_audiofil {
width: 1070px;
height: 90px;
margin-top: 5px; /* Adjusts spacing above the header for large screens */
}
}
/* Discussion header styles */
.adsense_discussion_header_audiofil {
width: 385px;
height: 100px;
margin-top: 5px; /* Adjusts spacing above the discussion header */
}
@media (min-width: 513px) {
.adsense_discussion_header_audiofil {
width: 737px;
height: 90px;
margin-top: 5px; /* Adjusts spacing above the discussion header for medium screens */
}
}
@media (min-width: 1086px) {
.adsense_discussion_header_audiofil {
width: 845px;
height: 90px;
margin-top: 5px; /* Adjusts spacing above the discussion header for large screens */
}
}
/* Footer section styles */
.adsense_footer_audiofil {
width: 400px;
height: 100px;
}
@media (min-width: 738px) {
.adsense_footer_audiofil {
width: 738px;
height: 90px; /* Adjusts footer size for medium screens */
}
}
@media (min-width: 962px) {
.adsense_footer_audiofil {
width: 1070px;
height: 90px; /* Adjusts footer size for large screens */
}
}
/* Sidebar styles for discussion */
.adsense_discussion_sidebar_audiofil {
width: 100%;
height: 300px;
margin-top: -10px; /* Moves the sidebar 10px upwards */
}
/* Sidebar styles for navigation */
.adsense_navigation_sidebar_audiofil {
width: 100%;
height: 300px;
}
.davwheat-ad-footer {
text-align: -webkit-center; /* Center-aligns the footer text */
}
Code to apply in extension looks like this:
<ins class="adsbygoogle adsense_header_audiofil"
style="display:block"
data-ad-client="ca-pub-xxxxxxxxxxx"
data-ad-slot="xxxxxxxxxxx"
</ins>
Result:
Active site to check ads: audiofil.org
I chose to display ads to guests only. It doesn't show up for members.
