IT

On this site, I have another experimental blog. It is my first attempt to use Wordpress, uses a custom theme (based on twentyeleven) called “Piratenkleider” and I’ve configured it to use the Fancier Author Box. Actually I’m very happy with the result, I’ve already changed a bit of the style sheet (the box’s boundary was a tad bit too strong for my taste). This is what the box looks like now:



As you can see, I still have three “problem areas” left:
1.: The text of the tabs is too close to the box, the icons are missing and the inaktive tab’s colour is wrong
2.: On the active tab (either one) there’s a bar across the text (or the tab doesn’t touch the box)
3.: The social media icons are too far apart (I’ve seen it differently)

I strongly suspect there’s a clash with the theme’s CSS because after I switched to the Twentyeleven theme for testing, the box appeared correctly:



I already dabbled around with the style sheets but didn’t find a solution. I suspect the core of the problem is the theme’s CSS’s habit to mark all the links as “external”. This applies special styles to those external links which I suspect break the author box’s CSS.

These are the styles I added to my theme’s style sheet customisation:

.content-primary a.extern {
background: url(“”);
padding-left: 0;
}

.ts-fab-tab {
border: 1px dotted #333;
}