separate styling for ticks

  • Resolved omedicks

    (@omedicks)


    9 years, 2 months ago

    I have 3 ticks in a ticker.
    how can I style each one differently, using the custom CSS option in settings?
    Generally, is there a document specifying the syntax to be used in custom CSS?
    thank you very much for a really great plugin.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter omedicks

    (@omedicks)

    9 years, 2 months ago

    Just to clarify, I don’t need assistance with actual styling, just with identifying the different ticks.
    my URL is http://www.edoshummus.com/en/test

    Thanks again.

    Oren

    Plugin Author metaphorcreations

    (@metaphorcreations)

    9 years, 2 months ago

    You can use the “nth-child” selector like this:

    .mtphr-dnt-tick:nth-child(1),
.mtphr-dnt-tick:nth-child(1) a {
  color: red;
}
.mtphr-dnt-tick:nth-child(2),
.mtphr-dnt-tick:nth-child(2) a {
  color: green;
}
.mtphr-dnt-tick:nth-child(3),
.mtphr-dnt-tick:nth-child(3) a {
  color: blue;
}
.mtphr-dnt-tick:nth-child(4),
.mtphr-dnt-tick:nth-child(4) a {
  color: orange;
}

    Let me know if that gets you what you need.

    Plugin Author metaphorcreations

    (@metaphorcreations)

    8 years, 10 months ago

    I am closing this ticket since there hasn’t been a response for over 3 months.

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

The topic ‘separate styling for ticks’ is closed to new replies.