width of footer widget banner

Resolved adairk
(@adairk)

9 years, 9 months ago

I use ADROTATE to display banners on my sites. I added a banner with a size of 550×800
It looks just fine when added to the STICKY WIDGET on my RAINDROPS THEME but it shows up on the first post at the top of my main site as the number one post.
So I have been trying to display it in the FOOTER WIDGET which displays on the bottom of the page but I end up with only about 2/3 of the width of the banner showing up and cannot see how to make it show the full size or how to center it.
Here is the site it is on and I have left both examples there: http://www.sport-betting-links.com/

Any ideas?

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

Theme Author nobita
(@nobita)

9 years, 9 months ago
Raindrops has meny insert point.

You can see it.

Dashboard / Appearance / Customize

Advanced / Developer Settings

Set show.

code example
```
add_action( 'raindrops_prepend_footer', 'example_function' );

function example_function(){
?>
<iframe src="http://stats.bovada.lv/default.asp?affid=1117544" style="width:100%;height:100vh;"  frameborder="0"></iframe>
<?php
}
```
http://www.tenman.info/wp3/manualraindrops/files/prepend-footer.gif
Thread Starter adairk
(@adairk)

9 years, 9 months ago

Thanks,
I changed the “Developer Settings” to “show”. And I changed the AdCode to <iframe src=”http://stats.bovada.lv/default.asp?affid=1117544″ style=”width:100%;height:100vh;” frameborder=”0″></iframe> in AdRotate and I see the preview in AdRotate looks to be what I want to see on my site as the example here: http://www.tenman.info/wp3/manualraindrops/files/prepend-footer.gif but there is no change whatsoever on my site.
I probably have done something wrong as I am confused about the instructions.
Theme Author nobita
(@nobita)

9 years, 9 months ago
another way

Please try it.

Dashboard / Appearance / Customize

Advanced / Site-wide CSS

add below style
```
.footer-widget{
    width:100%;
    max-width:100%;
}
```
sava and publish

It seems for me.

http://www.tenman.info/wp3/manualraindrops/files/custom-footer.jpg

Thank you.
Thread Starter adairk
(@adairk)

9 years, 9 months ago

Thanks Nobita,
We won’t waste any more of your time on this. Thanks!
I tried it and it made no change. I’m thinking that it can’t be done and not that important.

Thanks again!
Michael
(@alchymyth)

9 years, 9 months ago
it is actually a different style which controls the width;

try:
```
#ft div.widget-wrapper > ul > li{
    width:100%;
    max-width:100%;
}
```
or:
```
#ft .footer-widget-wrapper .adrotate_widgets {
   width: 100%;
}
```
and make sure to clear the browser cache after the changes to the styles.
Thread Starter adairk
(@adairk)

9 years, 9 months ago

Thanks to both of you!
This worked:
#ft div.widget-wrapper > ul > li{
width:100%;
max-width:100%;
}

There is still a problem with the height that I hadn’t mentioned but more than perfectly acceptable the way it looks now.

GOOD JOB!!

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

The topic ‘width of footer widget banner’ is closed to new replies.

Tags