Widget Header Styling

[Erik]

Erik

March 22, 2016 at 12:23 pm

I’m using the css below to get this effect on my header titles. *Login to see link

h3.widget-title {
font-family: ‘Teko’;
background: #4b0466;
color: #4b0466;
text-transform: uppercase;
position: relative;
text-align: left;
}

h3 {
position: relative;
text-align: left;
text-transform: uppercase;
background: ;
}

h3 span {
background: #4b0466;
padding: 0 15px;
position: relative;
z-index: 1;
}

h3:before {
background: #4b0466;
content: “”;
display: block;
height: 1px;
position: absolute;
top: 50%;
width: 100%;
}
h3:before {
left: 0;
}

The span style does not display properly when using widget titles. Is there a code I can use to apply this style to widget titles.
*Login to see link