Customizing Outbrain Widget

So you have installed the default Outbrain Widget and need to customize it. Well, here’s some quick tips on tweaking the CSS.

The diagram below demonstrates the classes that you customize in your widget. Using Firebug or any Web Inspector, you can dig in and make some tweaks to your Stylesheet that will help Outbrain blend with your site more.

The main classes used for the Thumbnail Widget are

.strip-like

.top-bar

.strip-rec-link-img

.strip-rec-link-title

.strip-rec-link-source

Here are some simple tricks for styling

 

Hiding the Source

.strip-rec-link-source{display:none;}

B4uCode

I am a passionate PHP user with a love for Open Source systems. With a few years of programming these technologies, I am fortunate to be able to share my thoughts. Joomla and WordPress are my favorite systems to develop. That's enough for now.

You may also like...

2 Responses

  1. this post doesn’t solve my problem of hiding Outbrain widget from the blog’s home page.

  2. Geert says:

    That’s an option you can easely set at outbrain options. You can choose to display it on posts, pages or whatever.

Leave a Reply

Your email address will not be published.