Sections separators not showing correctly

Support
#1

Hi
How to remove this live in the middle? it doesn’t look good at all.

Thanks!

#2

Hi There,

Please share your site URL where that screenshot is taken so we can investigate where the line is coming from.

#3

Hey,
I’ve added the website as a secure post above :slight_smile:

#4

Hi There,

Is that screenshot taken from Partnership page? If yes, I am seeing a different design:

The gray part with the section separator is not there. Please clarify if you decide to change the design or I am checking a different page.

#5

Hey, the screenshot was taken from the homepage, “Featured In” section. I also have the same problem on one or 2 sections of the partnerships page, can you see it?

It happens many times when I use section separators.

#6

Hi again,

Thank you for the update, try adding the following code in your Customizer:

.x-section-separator-top {
    top: 1px !important;
}
.x-section-separator-bottom {
    bottom: 1px !important;
}

Let us know how this goes!

#7

Hey,

This code works when I added for a specific page, like the partnerships page for example, but it didn’t work when I added it to Global CSS. How to activate this globally? so I don’t have to add it to every page.

Thanks!

#8

Hi again,

There might be a syntax error in your Customizer which is preventing the code to work, Please check for any missing curly bracket or any other CSS issue in your code, In the mean time add the code at the top of the Customizer to make this work. Alternatively you can add the code in your Child Theme’s style.css file to make changes globally.

Thanks!

1 Like
#9

you’re right, there was an issue with my CSS syntax and I’ve fixed it. Now this code works!

Thaaanks!

#10

Glad to hear that and you’re welcome :slight_smile:

1 Like
#11

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.