Styling a tags

3 posts, 0 answers
  1. ericTheGoldfish
    ericTheGoldfish avatar
    10 posts
    Member since:
    May 2007

    Posted 26 Jan 2013 Link to this post

    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
  2. Steve
    Admin
    Steve avatar
    10941 posts

    Posted 08 Apr 2013 Link to this post

    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.
  3. Steve
    Admin
    Steve avatar
    10941 posts

    Posted 18 Apr 2013 Link to this post

    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.
Back to Top