Block titles displayed incorrectly.

[promodesign]

Just started setting up my shop, after few problems with hosting provider I stucked with block titles. At some point they start to be displaed incorrectly. CSS seems to be ok, any ideas?

Working link to shop: http://promodes.hostilla.pl/streetlook/

[laranz – SUPPORT]

Hi,

Whats the color you set in “Inner page background color” and in “Footer Background Color” in the Appearance -> Customize?

change those colors.

Let me know, what you got.

Thanks,
laranz.

[promodesign]

Inner page background color is set to none just to make background image visible, and that cause a problem with titles i think.

[promodesign]

Sorted. New CSS fixed my problem

h4.spb_heading, h4.lined-heading {
font-weight: normal;
margin-top: 0;
border-bottom: 1px solid transparent;
position: relative;
margin-bottom: 20px;
text-align: center;
}
h4.spb_heading:before, h4.lined-heading:before {
content: “”;
display: block;
border-top: 1px solid #dedede;
width: 100%;
height: 1px;
position: absolute;
top: 50%;
z-index: 1;
}
h4.spb_heading span, h4.lined-heading span {
padding: 5px 13px;
position: relative;
display: inline-block;
z-index: 1;
background-color: #f2f2f2;
border: solid 1px #dedede;
border-radius: 5px;
margin-bottom:10px;
}

.sidebar .widget-heading h4 {
font-weight: normal;
margin-top: 0;
border-bottom: 1px solid transparent;
position: relative;
margin-bottom: 15px;
text-align: center;
}
.sidebar .widget-heading h4:before {
content: “”;
display: block;
border-top: 1px solid #dedede;
width: 100%;
height: 1px;
position: absolute;
top: 50%;
z-index: 1;
}
.sidebar .widget-heading h4 span {
padding: 5px 13px;
position: relative;
display: inline-block;
z-index: 1;
background-color: #f2f2f2;
border: solid 1px #dedede;
border-radius: 5px;
margin-bottom:10px;
}

[laranz – SUPPORT]

Hi,

Glad you fixed it 🙂

Let me know, if you have any other questions.

Thanks,
laranz.