CSS to remove white arrow on full-width items

[roger.siegenthaler]

The support here already posted a fix for the arrow but it appears to be broken in recent updates or something else. (see: http://support.swiftideas.net/forums/topic/extra-arrow-occurring-on-alt-background/ )

Well the problem is that .alt-one doesn’t actually exist on my page, I had to change it to .alt-ten as that was the class used on my full-width text. So the actual code I added to my child themes’ style.css is:

/* Remove white triangle on full-width items */
.alt-ten.full-width-text:after {
display: none;
}


Kind Regards,
Roger

[roger.siegenthaler]

I’d like to clarify here that it’s actually alt-[number of whatever alt-bg you’ve chosen] that you have to use in the css…

This is my code now:
/* Remove white triangle on full-width items */
.alt-one.full-width-text:after, .alt-two.full-width-text:after, .alt-three.full-width-text:after, .alt-four.full-width-text:after, .alt-five.full-width-text:after, .alt-six.full-width-text:after, .alt-seven.full-width-text:after, .alt-eight.full-width-text:after, .alt-nine.full-width-text:after, .alt-ten.full-width-text:after {
display: none;
}

[Tekguild]

I believe if you add ‘no-arrow’ to the extra class name for the element, it will remove the arrow.

That’s the way I’ve been doing it…

[Melanie – SUPPORT]

Great! Thanks for the heads up 🙂