Question

I would be most grateful if someone could tell me why the title bars in this WordPress theme don’t work in Firefox.

If you scroll down a bit, and check out the heading ‘Recent Works’. On Chrome IE, etc, the bar starts left, then breaks for the title, and continues the rest of the wrapper width. In Firefox, the title bar does not show left of the title, and only begins after the title.

Please check out the theme here: http://mcstudiosmx.com/demo/wp/hi-wordpress/

Lazy developer has not released a fix for this and I cannot find a workaround. Any help/suggestions would be awesome 🙂

Answer 1

Try adding the left property to the following:

block-title .stripe {
background: transparent url(images/template/stripe.png) repeat-x right center;
display: inline-block;
height: 21px;
margin: 4px 17px 0 0;
width: 100%;
position: absolute;
left:0;
}