Twitter custom widget

Sep 17, 2011 at 4:46 AM

I made a custom twitter widget on my blogengine site using Twitter's generator (added a textbox widget, and added twitter's html code in there).

It works fine apart from a tiny problem. If you take a look at it (section @dotnetportal at my widgets area) the name/username should appear next to the logo (that white egg in the orange background). Instead, it appears as if they are pushed down by 1-2 lines. Any solution to this?

Here is the html code added to the textbox widget:

"<script src=""></script>
<script type="text/javascript">// <![CDATA[
new TWTR.Widget({
  version: 2,
  type: 'profile',
  rpp: 5,
  interval: 30000,
  width: 'auto',
  height: 300,
  theme: {
    shell: {
      background: '#ffffff',
      color: '#000000'
    tweets: {
      background: '#fffaff',
      color: '#141214',
      links: '#3c1bf7'
  features: {
    scrollbar: false,
    loop: false,
    live: false,
    hashtags: true,
    timestamp: true,
    avatars: true,
    behavior: 'all'
// ]]></script>"


Thanks in advance!

Sep 17, 2011 at 9:53 PM

This is because BE widget style overrides h3 and h4 tags. Try add this to your theme's stylesheet:

.twtr-widget h3, .twtr-widget h4 {
    position: relative;
    top: -30px;

.twtr-bd {
    margin-top: -30px;

Sep 17, 2011 at 10:35 PM

hi rtur, works perfectly now, thanks!