Issues with Seperators

[EarlySigns]

Hi there,

Wondering if you could help - totally lost with seperators.
I have a few sections which are made of image background covers (lower layer), then black lines between each image (made with sections of black backgrounds).

Trying to add angle in and angle out seperators, and they are causing a few issues.
They seem to break some of the sections when I try and use them, and sometimes don’t show up (angle out doesnt work, only angle in on the top of each section works). I also tried to view this in Chrome, and there is a fine line where you can see where the seperator reaches the section, which doesnt look good (doesnt show the line in Firefox).

Any help greatly appreciated.

http://www.simplysignspreview.com/zidannessports

[rad]

Hi there,

Thanks for writing in.

Are you trying to apply it to the image background? It’s not currently possible, the separators are only applicable for solid colors due to clipping. And this is already added to our issue tracker as a feature request.

Thanks!

[EarlySigns]

Hi there,

Thanks for letting me know.
I have stopped doing it with image backgrounds, but it would be a great feature in the future.

However, I am now creating sections with background colours, and still getting issues.
I am still seeing a line in Chrome where the section and the seperator meet, which spoils the illusion.
I also can’t seem to add a top angle in and bottom angle out on the same section - it will only let me apply either bottom or top to a section.

Please see screenshot below.

http://www.simplysignspreview.com/zidannessports/wp-content/uploads/2018/03/seperator-issue.jpg

Any advice greatly appreciated

[EarlySigns]

Also, with regards to the visible line, I forgot to mention you do not just see this in preview mode, but also in Chrome in the front end. Please see below.

http://www.simplysignspreview.com/zidannessports/wp-content/uploads/2018/03/visible-line-2.jpg

[Joao]

Hi There,

Which page is that I can’t replicate the issue on my end on Chrome? Are you on PC or Mac?

Thanks

[EarlySigns]

Hi there,

I am on the homepage, and on a PC.

[friech]

Hi There,

Sorry, you’re having that issue, that is actually a known bug and has been marked as fixed on our issue tracker a few days ago, we could not provide an ETA when is the next release though.

For now, please use the workaround provided here.

Thank you for understanding,

[EarlySigns]

Hi there,

Thanks for letting me know this is a bug.
Sadly, the workaround doesnt work and the ID’s are coming up as grey when I try to use them.
Please let me know if this code is out of date as Pro doesnt seem to recognise the IDs.

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

[friech]

Hi There,

Add the missing closing bracket on your custom CSS first

Then add the code provided in the other thread I’ve linked above, then add this as well

.site, .x-site {
	background-color: #000;
}

The last section (map) will be affected by this, to resolve that add a white background on your last section OR turn of the map’s row inner container option if you want the map fullwidth.

Thanks,

[EarlySigns]

Hi there,

Many thanks for spotting that missing closing bracket - wondered what I had done wrong! Much appreciated!
yes everything is now working as it should and the lines are gone.
Thanks again.

[basanta]

You are most welcome!

Thanks