Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

WordPress

Steve Linn
Steve Linn
11,841 Points
Posted by Steve Linn
Steve Linn
11,841 Points

Trouble with Title on Dribble Widget

I am having trouble with the title on my Dribble widget - the title is set to H3….even though my functions.php create_widget is set to change it to H5.

The other widgets (twit and Treehouse) work fine

It has something to do with the CSS styles for dribble. Because when I change the widget out to "categories" the title work s correctly.

I cannot determine how to change the CSS for dribble.

I tried just unchecking the css on the dribble widget - this had no effect

1 Answer

Chris Dziewa
Chris Dziewa
17,781 Points
Chris Dziewa
Chris Dziewa
17,781 Points

This is hardcoded in the plugin file. I had the same issue. Go to the admin panel to plugins then click editor. On the right side you will see a dropdown menu that says "Select plugin to edit". Find WP Dribbble and click select. Now do a search on the page using command + f on Mac and I believe control + f on windows. Type h3 and hit enter. Now change the h3 tags to h5 and in the opening tag, if a class is present (can't remember if there was one), change it to something memorable (I used "dribs"). Once this is changed, scroll to the bottom of the dashboard and hit update file.

Now, head back to your CSS file, find the styling for the h5 and above the h5 selector put this in: h5.yourdribbleclass,

My version:

 h5.dribs,
h5 {
   /*  styles. */
}

Note that if you update the plugin version later on, the plugin file will lose your changes and will need to be updated again. Hope this helped.

Steve Linn
Steve Linn
11,841 Points
Steve Linn
Steve Linn
11,841 Points

cool thanks Chris