Display issues with section separators in Firefox and IE

[doublearc]

Big fan of x theme here and used many times. I am loving the section separators. I had an issue with them which was solved from another post with the following CSS:

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
.x-face-graphic img,
.x-image img {
width: 100% !important;
}
}

However I still have an issue with a line displaying on this section. I have no borders turned on and cleared cache multiple times on both browsers. Any tips? The site is: makeafrica.co (just the home page). I’ve also attached screenshot.

Thank you!

[paul.r]

Hi,

To get rid of it, you can try adding this in Theme Options > CSS

.x-section-separator-bottom,
[class*="x-separator"][class*="bottom"] {
    bottom: 1px;
}
.x-section-separator-top,
[class*="x-separator"][class*="top"] {
    top: 1px;
}

Hope that helps.

[doublearc]

Thanks for the prompt reply! Still seeing line on bottom of top section, however. All the others are solved.

[friech]

Hi There,

Please adjust the top value to 0.5px;

Hope it helps,
Cheers!

[doublearc]

Unfortunately now seeing the problem on all browsers. I may have messed something up. This is the custom CSS I currently have:

/*
No need for style tags here;
simply get started by writing
CSS! Watch as your changes
are reflected live in the
preview area. Have fun!
*/

.x-feature-list .x-feature-box-title {
font-weight: 700;
line-height: 1.4 !important;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
.x-face-graphic img,
.x-image img {
width: 100% !important;
}
}

.x-section-separator-bottom,
[class*=“x-separator”][class*=“bottom”] {
bottom: 1px;
}
.x-section-separator-top,
[class*=“x-separator”][class*=“top”] {
top: 0.5px;
}

[ruenel]

Hey There,

To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Thank you in advance.