Styling a tags

[ericTheGoldfish]

Hi there

We are new to using Icenium so this could well be user error but when we are styling <a> tags with classes it seeme we have to add a style attribute to the a tag for format the colour and font weight of the a tag rather than doing it in the class in the stylesheet

e.g:

<div data-role="view" data-title="Home">
        <div id="home"><a class="button" style="color: #fff; font-weight: normal;" href="#stretchview">Some text</a></div>
</div>

.button {
    width: 204px;
    height: 27px;
    line-height: 27px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    font-style: italic;
    text-decoration: none;
    text-align: center;
    background-image: linear-gradient(top, #24aae2 30%, #25abe2 50%, #249acd 60%, #229ed5 70%);
    background-image: -o-linear-gradient(top, #24aae2 30%, #25abe2 50%, #249acd 60%, #229ed5 70%);
    background-image: -moz-linear-gradient(top, #24aae2 30%, #25abe2 50%, #249acd 60%, #229ed5 70%);
    background-image: -webkit-linear-gradient(top, #24aae2 30%, #25abe2 50%, #249acd 60%, #229ed5 70%);
    background-image: -ms-linear-gradient(top, #24aae2 30%, #25abe2 50%, #249acd 60%, #229ed5 70%);
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0.30, #24aae2),
        color-stop(0.50, #25abe2),
        color-stop(0.60, #249acd),
        color-stop(0.70, #229ed5)
    );
}

Many thanks

Eric

[Steve]

Hello Eric,

Thanks for bringing this issue to our attention. We have been able to reproduce it and it is now logged into our bug tracking system and would be fixed for subsequent release of Icenium.

Greetings,
Steve
the Telerik team

Share feedback and vote for features on our Feedback Portal.
Want some Kendo UI online training - head over to Kendo UI Dojo.

[Steve]

Hello Eric,

This is a follow up to let you know that we've looked into your report and found that the styles are overwritten by Kendo UI Mobile, which applies styles to standard elements, so it can look right on the various mobile devices. If you want your styles to be respected, add them to your class with !important.

For future reference, you could use the Web Inspector/Debugger to see what styles are applied to elements in your app and identify such problems.

All the best,
Steve
the Telerik team

Share feedback and vote for features on our Feedback Portal.
Want some Kendo UI online training - head over to Kendo UI Dojo.