Unable to affect CSS styles in hl-twitter-widget in sidebar

  • AAARGH. No amount of CSS styling seems to affect the sidebar twitter widget.

    I’m using hl-twitter widget to display tweets in a sidebar.
    See the page here: https://kingscott.com/testwpsite/

    Theme: Fusion
    Widget: hl-twitter-widget

    Google Chrome inspects and SOME of the CSS is called from the styles.css, but not enough. I just want to add a light line between tweets. and make the “1 day ago have “no decoration”.
    Any ideas on how these styles are going awry?

    Thanks, Joe

Viewing 4 replies - 1 through 4 (of 4 total)

  • try to add something like this at the end of style.css of your theme:

    .widget_hl_twitter_widget li { border-bottom: 1px solid #ddd; }
.widget_hl_twitter_widget li span.meta a { text-decoration: none; }

    check firefox web developer add-on to tweak and debug css and html

    Thread Starter Joe VanDerBos

    (@joevdb)

    I fixed it. the CSS was not coded correctly.

    Hi Joe,
    Very sorry I’ve only just seen your post, I’m subscribed to hl-twitter tags but not this one for some reason.
    I’d be really grateful if you could say what was wrong with the CSS and how I can improve it in future versions? Also, if you needed to change a lot of HTML/CSS you can copy the hl_twitter_widget.php file to your regular theme directory and edit it there. HL Twitter will automatically detect you have a copy in your theme and use that one.
    Again, sorry for causing any inconvenience.

    Thread Starter Joe VanDerBos

    (@joevdb)

    It was my fault with the CSS, not yours… the call to the CSS selector had such a long string I was missing the inheritance. all those ul li ul li .widget ul li ul li things get very confusing.

    Thanks for responding.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Unable to affect CSS styles in hl-twitter-widget in sidebar’ is closed to new replies.

Tags