Making story title in timeline non-clickable

  • Resolved richard999

    (@richard999)


    6 years, 6 months ago

    I have just purchased and installed the pro version of Cool Timelines and am quite happy with the simple historical timelines I am creating. However, I have two concerns, one of which I’ll describe here, and the other under a separate topic. Some of my vertical timeline stories are long enough for “read more”, and some not. On those which are not, I have wanted to make the title on that specific story non-clickable (but not for all stories by turning off “read more” notice). By trial and error I discovered that putting “[none]” in the custom link for the story will make the title non-clickable (similar to using “#” for a menu item). However, the cursor still changes to a pointing finger when hovering over the non-clickable title. How can I change the cursor to a vertical “text” indicator when hovering over those titles, so as not to confuse the viewer of the timeline?

Viewing 6 replies - 1 through 6 (of 6 total)
  • kiranpreet

    (@kiranpreet)

    6 years, 6 months ago

    Hello,

    You can do this by simply adding the below mentioned custom css :-

    h2.content-title a {
    cursor: text !important;
}

    Feel free to contact us if you need any further assistance.

    Thread Starter richard999

    (@richard999)

    6 years, 6 months ago

    Yes, the custom css does change the cursor to the vertical text indicator. However, it disables all the titles in the timeline, not just those that I specifically want to disable. Adding “[none]” to the custom link in those story titles that I specifically want to disable, leaves the other story titles active. I just want the cursor to reflect that status to the viewer while leaving the other titles active with the finger cursor.

    baljitdhanjal

    (@baljitdhanjal)

    6 years, 6 months ago

    Hi @richard999,

    Add the custom css based on Div Id for which you want to change cursor.
    For Example:

    #story-1800 h2.content-title a {
    cursor: text !important;
}

    Please contact us at contact@cooltimeline.com for more details.

    Thanks

    • This reply was modified 6 years, 6 months ago by baljitdhanjal.
    Thread Starter richard999

    (@richard999)

    6 years, 6 months ago

    That works! Thanks for solving the problem. I do have a followup question about the custom CSS code, my not having knowledge of CSS syntax. Is it possible to list ids for several stories in one code entry, or do I need to repeat the full code for each story?

    baljitdhanjal

    (@baljitdhanjal)

    6 years, 6 months ago

    Hi,

    Yes,it is possible to list ids for several stories in one code entry.
    For Example:

    #story-1800 h2.content-title a, #story-442 h2.content-title a, #story-179 h2.content-title a{
    cursor: text !important;
}

    Hope you would like our plugin.Please give us your valuable feedback.
    https://wordpress.org/support/plugin/cool-timeline/reviews/#new-post

    Thanks in advance

    Thread Starter richard999

    (@richard999)

    6 years, 6 months ago

    Yes, that’s what I was looking for. Thank you for your quick response.

    It also works by setting up the code in this manner, making it easier to see what’s going on, and for adding additional entries as needed:

    #story-1800 h2.content-title a,
    #story-1801 h2.content-title a,
    #story-1205 h2.content-title a,
    #story-113 h2.content-title a,
    #story-400 h2.content-title a {
    cursor: text !important;
    }

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Making story title in timeline non-clickable’ is closed to new replies.