Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #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=””></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’




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




    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.


    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.

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



    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:


    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.