Topic: Why is Facebook Comments plugin not properly sized? | Themeco Community

Archive / Why is Facebook Comments plugin not properly sized?

This is archived content. Visit our new forum.

Tagged: x

Author

Posts
June 30, 2016 at 1:59 am #1066312

theoutdoorarmory
Participant

Hi,

My website is: http://www.theoutdoorarmory.com

The issues are here:

https://theoutdoorarmory.com/product/alps-mountaineering-zephyr-2-tent/ — then go down then go to “Reviews (0)”

and

https://theoutdoorarmory.com/theoutdoorarmory-events/5th-mt-canlaon-adventure-climb/1467878400/ — go towards the bottom where Facebook Comments plugin is.

Issue is: Why is the size of the box like that? Shouldn’t it be horizontal, occupying the entire horizontal portion of the box?

Please help.

Thanks

June 30, 2016 at 2:23 am #1066324
Rupok
Member
Hi there,

It seems you have added the below code :
```
.fb_iframe_widget span {
  width: 146px !important;
}
```
Kindly remove this to get expected result. When you add any custom code to your site, make sure you know what you are doing to avoid potential conflicts.

Hope this makes sense.

Cheers!
June 30, 2016 at 2:32 am #1066330

theoutdoorarmory
Participant

This reply has been marked as private.

June 30, 2016 at 3:27 am #1066393
Paul R
Moderator
Hi,

To fix it, kindly add this in Appearance > Customize > Custom > Edit Global CSS
```
.x-comments-area .fb_iframe_widget span {
  width: 100% !important;
}
```
Hope that helps
June 30, 2016 at 3:56 am #1066419

theoutdoorarmory
Participant

Works perfectly now thank you so much!

June 30, 2016 at 5:50 am #1066530

Lely
Moderator

You’re welcome!

Cheers!
Author

Posts

<script> jQuery(function($){ $("#no-reply-1066312 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>