WordPress.org

Ready to get started?Download WordPress

Forums

[Plugin: Jetpack by WordPress.com]Twitter widget header and text color problem (3 posts)

  1. altasia
    Member
    Posted 2 years ago #

    Hey all,

    While setting up the twitter widget of the Jetpack on this site (www.jawatreffeneverdingen.nl).

    I came across the problem that the widget header color is different from all the other widgets. Since I have used this plugin for an other site aswell(http://www.altasia.nl) whithout any problems there seems to be a issue between the themestyleguide and the plugin.

    Unfortunatly my code understanding is very limited and there is no option in the jetpack to do this. I have looked at the plugin section of the code in the editor but there is no listing of style or color.

    I have no clue how or what to do now inside wordpress. Can anyone tell me what i need to change to get the same header in this widget??

    General info
    Wordpress: 3.2.1 (current latest version)
    Theme: ThemeZee 1.0.4 (current latest version)
    Plugin: Jetpack 1.1.3 (current latest version)
    Screengrab of the problem on site: http://www.jawatreffeneverdingen.nl/wp-content/uploads/2011/10/twitter-jawatreffeneverdingen-2012.jpg

  2. JayPatrol
    Member
    Posted 2 years ago #

    Hi Altasia

    Don't know if you're still looking for a solution to this.

    I had a similar problem but think I've managed to get to the bottom of it.

    The heading looks different for the theme I'm using too and this is because the title in the sidebar is styled as a link to Twitter whereas the titles for your other widgets are probably not (mine certainly are not).

    So, the solution I've opted for it to remove the link code from the script that generates this widget - as the links within the body of the widget go to the relevant twitter pages anyway. (I guess I could have created new class that enabled that particular title link to be the same colour as inactive titles)

    To access the script:

    1) go to Plugins | Editor

    2) select Jetpack by WordPress.com in the top right of the page

    3) select jetpack/modules/widgets.php on the right hand side

    4) jetpack/modules/widgets/twitter-widget.php on the right hand side

    5) take a back up of this code in case of foobar.

    6) scroll to line 86 and remove the link by replacing:

    echo "{$before_widget}{$before_title}" . esc_html($title) . "{$after_title}";

    with

    echo "{$before_widget}{$before_title}" . esc_html($title) . "{$after_title}";

    7) save your changes.

    I hope this helps.

  3. Bill Murphy
    Member
    Posted 1 year ago #

    It worked like a charm! Thank you so much for taking the time to post that!

    Bill Murphy
    http://www.casuallyemployed.com

Topic Closed

This topic has been closed to new replies.

About this Topic