WordPress.org

Ready to get started?Download WordPress

Forums

Twenty Ten and Twitter (6 posts)

  1. wytstaat
    Member
    Posted 3 years ago #

    I'm using the Twenty Ten theme and the "stock" Twitter widget from Twitter's website to pull my latest tweets into my sidebar.

    The issue I am having is in regards to spacing. I don't like that my image/twitter logo is not aligned with my name and user name. I've tried to expand the sidebar width, but this does not fix the issue.

    Please see here: http://www.dipanpatel.com/

    Any help will be greatly appreciated.

    Thanks!

  2. esmi
    Theme Diva & Forum Moderator
    Posted 3 years ago #

    Don't edit the Twenty Ten theme! Your changes will be over-written the next time you upgrade WordPress or the theme. For this reason, it is recommended that you consider creating a child theme for your customisations.

  3. wytstaat
    Member
    Posted 3 years ago #

    Good tip. I'll go ahead and do that to preserve my modifications.

    Any ideas regarding Twitter and sidebar spacing?

  4. Digital Raindrops
    Member
    Posted 3 years ago #

    The width looks ok as it is, no point in loosing content area for a twitter feed.

    In your (child theme) style.css add the lines

    .twtr-widget-profile h3, .twtr-widget-profile h4 {
        margin: 0 !important;
    }

    Or in the plugin folder, widget.css change

    .twtr-widget-profile h3, .twtr-widget-profile h4 {
        margin: 0 0 0 40px !important;
    }

    just remark the style out

    }
    .twtr-widget-profile h3, .twtr-widget-profile h4 {
        /* margin: 0 0 0 40px !important; */
    }

    For some un-known reason the plugin author as added !important which takes precedence over other style changes.

    B.T.W.
    In IE8 you have some stray text '-->' look at validator line 78 there are about 5 stray occurences of -->

    HTH

    David

  5. esmi
    Theme Diva & Forum Moderator
    Posted 3 years ago #

    Try adding:

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

    to the bottom of your theme's stylesheet.

  6. wytstaat
    Member
    Posted 3 years ago #

    @adeptris: Thank you for those suggestions. I will try to figure out where that stray text is and take care of that.

    @esmi: That did the trick. Thanks.

Topic Closed

This topic has been closed to new replies.

About this Topic