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

Forums / Designing with Sitefinity / Sitefinity is overwriting my css

Sitefinity is overwriting my css

3 posts, 0 answered
  1. Andrew
    Andrew avatar
    202 posts
    Registered:
    05 Jun 2009
    19 Jun 2009
    Link to this post
    I am trying to change the style of the menu. In such a way that there is no indentation in the sub menu, but rather so that it is directly located bellow the top menu item.

    Like This:

    TopMenuItem
    SubMenuItem1
    SubMenuItem2
    SubMenuItem3

    Rather then:

    TopMenuItem
        SubMenuItem1
        SubMenuItem2
        SubMenuItem3

    The indentation exists because the menu is rendered into <ul> and <li> tags.

    Having copied the source code of the rendered page, i have used it as a template and managed to change it to no indentation by adding this:

    .RadMenu_Menu .rmGroup  
        margin0px !important; 

    However when running it in sitefinity, something is overwriting this and the indentation comes back. As you can see i tried using the '!important;' to prevent the style being overwriten but it did not help.

    Can anyone help with this, i have been working on this all night and just can't figure it out.
  2. Katia
    Katia avatar
    194 posts
    Registered:
    01 Jul 2016
    24 Jun 2009
    Link to this post
    Hi Andrew,

    Try to add the CSS below to your Sitefinity project. These rules set the left margin and padding of the second level menu items  to 0.

    .RadMenu .rmGroup .rmItem, .RadMenu .rmGroup .rmLink, .RadMenu .rmGroup .rmText 
        margin-left: 0 !important; 
        padding-left: 0 !important; 

    Kind regards,
    Katia
    the Telerik team

    Instantly find answers to your questions on the newTelerik Support Portal.
    Check out the tipsfor optimizing your support resource searches.
  3. Andrew
    Andrew avatar
    202 posts
    Registered:
    05 Jun 2009
    25 Jun 2009
    Link to this post
    Thanks, that worked.
Register for webinar
3 posts, 0 answered