• Resolved Dan

    (@dandow)


    I would like to change the unordered list tag to an ordered list tag, what would you recomend?

Viewing 3 replies - 1 through 3 (of 3 total)
  • mohammedeisa

    (@mohammedeisa)

    Hi,

    I’m sorry, I didn’t understand your questionnaire. Is this related to the slider navigation?

    If your questionnaire is related to the slider navigation, it’s not possible to do that using the free MetaSlider. This functionality exists in the Pro MetaSlider through the custom themes.

    The following is a workaround that will override the navigation elements style and turn them to be numbered items instead of the bullets:
    – Open your slider for edit.
    – Click the Add CSS button.
    – Paste the following code into the editor:

    
    .flex-control-paging li a{
        color: black!important;
        background: white!important;
        width: 30px!important;
        height: 30px!important;
        margin-top: 11px !important;
        text-indent: 0!important;
        padding: 7.5px !important;
        text-decoration: none !important;
        border-radius: 50% !important;
    }
    

    – You may change the values in the previous CSS to match the styles you need.

    Thread Starter Dan

    (@dandow)

    Hi there!

    My aim was to change the html tag ul that wraps the slides like this:

    <div id="metaslider-id-69" class="ml-slider-...">
        <div id="metaslider_container_69">
            <div id="metaslider_69" class="flexslider">
                <ul aria-live="polite" class="slides">
                    <li .../>
                    <li .../>
                    <li .../>
                </ul>
                ....
            </div>
        </div>
    </div>

    to an ol html tag with this output:

    <div id="metaslider-id-69" class="ml-slider-...">
        <div id="metaslider_container_69">
            <div id="metaslider_69" class="flexslider">
                <ol aria-live="polite" class="slides">
                    <li .../>
                    <li .../>
                    <li .../>
                </ol>
                ....
            </div>
        </div>
    </div>

    As it involves html, css and js files to be changed I chose another way to acomplish my real objective, so I don’t really need to change this anymore.

    I don’t think there’s an easy way to subtitute that ul tag for an ol, i hadn’t seen it neither on the pro version, but if you know there is, it may be helpful for someone in the future.

    Otherwise just close this report.

    Thanks for your time!

    mohammedeisa

    (@mohammedeisa)

    You are right, there is no easy way to do that as it involves HTML, CSS, and JS files to be changed.

    I’m going to close this ticket and please don’t hesitate to open a new ticket if you need any help.

    Thanks.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Change to’ is closed to new replies.