Timeline 4 style 7 z-index issue

  • Resolved Matthew Utin

    (@matthew0utin0hb)


    2 years, 8 months ago

    I have been testing this plugin bud have come across a bug when testing, when the screen size is reduced the middle timeline line would hover over any text or images below it when using the style 7 template.

    I have managed to fix this within the plugin by setting the z-index to unset within the plugin CSS code.

    rich-event-timeline\Rich-Web-Timeline-Widget.php

    Line: 855. This code block below:

    .rich_web_div_block_<?php echo esc_html($rw_ti_id);?> section.rich_web_timeline_<?php echo esc_html($rw_ti_id);?>:before {
                background: <?php echo esc_html($get_timeline_style_options[0]->rw_timeline_line_col);?>;
                z-index: unset; // z-index: 2;
            }

    It was set to z-index: 2, this was creating the issue.

    Could someone look into this and add this fix in.

    Thanks,

    Matt (https://github.com/mattu08)

    • This topic was modified 2 years, 8 months ago by Matthew Utin.
Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author richteam

    (@richteam)

    Dear Matthew Utin.

    Thank you for the topic.

    Thank you very much for everything. We are always happy to hear from you. Thank you for helping us.

    But we tested and couldn’t find the problem. Please show us the problem so we can make a change.

    Thanks again and looking forward to your reply.

    Thank You.

    Thread Starter Matthew Utin

    (@matthew0utin0hb)

    Hi @richteam

    I have managed to fix this without modifying the plugins code with a CSS override. I’m not quite sure if this issue was linked to an issue with the plugin, could be more than likely the Theme we are using. So will mark this as resolved after investigating, thanks for your reply. I have attached my fix anyway just in case it’s helpful for anyone.

    CSS override applied, to stop the zindex being set to 99 when page is in mobile or tablet size:

    article#rich_web_timeline_article {
    z-index: 2 !important;
}

    Thanks,

    Matt (https://github.com/mattu08)

    • This reply was modified 2 years, 8 months ago by Matthew Utin.
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Timeline 4 style 7 z-index issue’ is closed to new replies.