1-888-365-2779
+1-888-365-2779
Try Now
More in this section

Forums / General Discussions / TD css class ...how to remove this attributes?

TD css class ...how to remove this attributes?

4 posts, 1 answered
  1. Paolo
    Paolo avatar
    147 posts
    Registered:
    11 Jun 2009
    02 May 2011
    Link to this post
    Hello Telerik,
    I'm using your default .css and in my application I need to remove the following value for TD

    Padding-Top:10px <- need to be removed
    Padding-Bottom:14px <- need to be removed
    Vertical-Align:Top<- need to be removed

    How do I edit the default css?
    Thanks
    Paolo
  2. Jordan
    Jordan avatar
    172 posts
    Registered:
    20 Oct 2015
    03 May 2011
    Link to this post
    Hi Paolo,

    If you use custom theme the default styles will be removed. If you use the default theme and want to override some of the rules you can try with !important rule:

    /* Here is better to point which is the table  (ex.table.documents tr td), because this will affect the page editor*/
     
    table tr td {
              Padding-Top:0px !important;
              Padding-Bottom:0px !important;
              Vertical-Align:middle !important;
    }


    Regards,
    Jordan
    the Telerik team
    Do you want to have your say in the Sitefinity development roadmap? Do you want to know when a feature you requested is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
    Answered
  3. Paolo
    Paolo avatar
    147 posts
    Registered:
    11 Jun 2009
    03 May 2011
    Link to this post
    hello Jordan,
    I used jQuery to add that class and worked perfecly, thanks!
    Paolo
  4. Jordan
    Jordan avatar
    172 posts
    Registered:
    20 Oct 2015
    05 May 2011
    Link to this post
    Hello Paolo,

    I am really glad to hear that you solved the problem. In case of using jQuery may be it will be faster if you just remove the class attribute instead of adding three new css properties. This is just a suggestion.


    $(document).ready(function() {
    .$('.table-selector').attr('class','');
    })


    And also in the jQuery 1.6 that was release few days ago there is a new method .removeAttr();

    All the best,
    Jordan
    the Telerik team
    Do you want to have your say in the Sitefinity development roadmap? Do you want to know when a feature you requested is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
4 posts, 1 answered