Edit 7/16/15: I decided to place the following code between the <li> tags within the joyride that required the removal of the "x" button:
<script>$('.joyride-close-tip').remove();</script>While not the most elegant solution, it serves its purpose.
Original Post
For detailed documentation, refer to this link
Upon viewing the documentation page demonstrating a joyride example, you will notice that all joyrides are equipped with an "x" icon in the upper right corner. However, I prefer not to display this on most of the joyrides.
It is generally frowned upon to delete the $joyride-tip-close elements directly from the .scss files. Additionally, I am seeking a method to achieve this without duplicating and editing all the joyride scss while excluding the joyride-close-tip section (which appears to be responsible for styling the "x" icon).
Thank you for your assistance.