Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home › Forums › Other › Help aligning twitter feed in WP Text Widget

  • This topic is empty.
Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • August 30, 2011 at 1:16 pm #34142
    analogmonkey
    Participant

    Any idea how I can left align the tweet text in my twitter feed that’s in the footer? I’ve managed to customise everything else but can’t seem to get it to left align.

    http://goo.gl/wPu1d

    I’m using the widget from the twitter site, i’ve tried a few plugins but they seem a bit unreliable. If anyone can suggest a more suitable twitter plugin or script please let me know.

    Cheers

    August 30, 2011 at 2:28 pm #85968
    TheDoc
    Member

    Remove the left padding from here:

    .twtr-widget .twtr-tweet-wrap {
    
padding: 6px 8px;
    
overflow: hidden;
    
zoom: 1;
    
}
    August 30, 2011 at 3:25 pm #85971
    analogmonkey
    Participant

    Ah ok thanks for that, any idea where I would edit this as it does not appear in the code in the text widget?
    August 30, 2011 at 4:04 pm #85973
    TheDoc
    Member

    It’s being pulled in from an external stylesheet, by the looks of it. You’ll have to override it in your theme’s stylesheet.

    August 30, 2011 at 5:25 pm #85974
    analogmonkey
    Participant

    I’ve got a css override panel in the theme, how would I go about applying the override?

    As you noted previously this is the css but i’m not to sure how the override should appear in the override panel.

    .twtr-widget .twtr-tweet-wrap {
    
overflow-x: hidden;
    
overflow-y: hidden;
    
padding-bottom: 6px;
    
padding-left: 8px;
    
padding-right: 8px;
    
padding-top: 6px;
    
} {
    August 30, 2011 at 5:44 pm #85975
    TheDoc
    Member

    I have no idea what your ‘override’ panel is – never seen that before. Either it’s a feature of WordPress I’ve never bothered to look at or the theme’s developer has put it in manually.

    You could do this:

    .twtr-widget .twtr-tweet-wrap {
    
padding-left: 0!important;
    
}
    August 30, 2011 at 5:49 pm #85976
    analogmonkey
    Participant

    Ah that worked great thanks!

    Yeah it’s put in by the theme developer keeps the overrides even when the theme is updated.

    Cheers

    December 16, 2011 at 4:29 pm #92925
    Theinsiders
    Member

    Hey guys,

    I have a similar problem but I tried to copy in the suggested code (as below) into my style sheet but it still doesn’t seem to align the text on the twitter feed?


    
.twtr-widget .twtr-tweet-wrap {
    
padding-left: 0!important;
    
}

    The code for the script is…

    I’ve only just been learning how to code during this last week, so any help is much appreciated!

    Thanks!

    December 17, 2011 at 1:19 pm #92993
    TheDoc
    Member

    @Theinsiders – it’s probably not working because those aren’t the class names used by your twitter widget. Try looking at the live website to see what class names your widget is using.

    September 2, 2012 at 1:28 pm #108924
    cheureaux
    Member

    Trying to align my twitter feed at the bottom of my site. When I insert the codes suggested it hides the feed. sportsfannfl.com/

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The forum ‘Other’ is closed to new topics and replies.