Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #533

    Hi there – sorry for the second question in as many days! I’m trying to add the standard twitter feed (from twitter) to ‘Front Box 3′. So, I insert the Text/HTML widget and paste the following code in:

    <script src=”http://widgets.twimg.com/j/2/widget.js”></script>

    <script>

    new TWTR.Widget({

    version: 2,

    type: ‘profile’,

    rpp: 4,

    interval: 100,

    width: ‘auto’,

    height: 150,

    theme: {

    shell: {

    background: ‘#383a42′,

    color: ‘#ffffff’

    },

    tweets: {

    background: ‘#3d3b47′,

    color: ‘#ffffff’,

    links: ‘#0790eb’

    }

    },

    features: {

    scrollbar: false,

    loop: false,

    live: false,

    hashtags: true,

    timestamp: true,

    avatars: false,

    behavior: ‘all’

    }

    }).render().setUser(‘huwowenthomas’).start();

    </script>

    …but I think the CSS is trying to style it all out. How do I switch off the CSS for that box?

    Thanks,

    Huw

    #31797

    The code above:

    tweets: {
    background: '#3d3b47',
    color: '#ffffff',
    links: '#0790eb'
    }

    affects the background, colour and link colour. It’s also possible that content is being pulled from Twitter through the script, so can you post a link to your site and I’ll take a look.

    #31798

    Hi James – I’ve stuck a page up for you. One widget on the main page – a screen shot of what it should look like and an example of the way RHS widget that seems to have been CSSd.

    http://www.casinochillout.com/twitter-test-for-james

    I’m a novice as you can tell – thanks for your help.

    Huw

    #31799

    Ok, there’s a fair bit of conflicting CSS which is causing the problem with the sidebar widget, this should fix the styling problems.

    Add this to the end of style.css:

    .twtr-widget a { border: none !important; display: inline !important; width: auto !important; }
    .twtr-widget-profile h3, .twtr-widget-profile h4 { display: inline; margin: 0 0 0 5px !important; }
    .twtr-ft a { width: auto !important; }

    This is how it looks for me with with the additional CSS, let me know if there are any other errors:

    #31800

    You’re a star! Thank you.

Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘Twitter Badge (disabling CSS)’ is closed to new replies.