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

Forums / Developing with Sitefinity / problems with locating a stylesheet

problems with locating a stylesheet

4 posts, 0 answered
  1. Viren
    Viren avatar
    41 posts
    Registered:
    03 Aug 2010
    20 Oct 2010
    Link to this post
    Hi,

    I want to locate the following stylesheet inside my sitefinity website but havent had any luck so far. I am pasting the link copied from the page source.

    http://server_address.com/projectName/WebResource.axd?d=mEojOR-t6K1wyEBWbVzk_xnwlw-pOhzBbxXZRAxFC1Tp0qBVBz3g5unnAfOzJM2G0&amp;t=634039095040000000<http://server_address.com/projectName/WebResource.axd?d=mEojOR-t6K1wyEBWbVzk_xnwlw-pOhzBbxXZRAxFC1Tp0qBVBz3g5unnAfOzJM2G0&t=634039095040000000>

    I am trying to change the mouse cursor from a pointer to hand when it hovers over a link inside a SiteMenu control. I have tried inserting the styling in the styles.css for RadMenu inside the App_Themes > themename > Menu folder. Here is the relevant content from page source:

    <link href="App_Themes/Blue%20with%20right%20sidebar/blue_right.css" type="text/css" rel="stylesheet" />
    <link href="App_Themes/Blue%20with%20right%20sidebar/Menu/styles.css" type="text/css" rel="stylesheet" />
    <link href="/projectName/WebResource.axd?d=mEojOR-t6K1wyEBWbVzk_xnwlw-pOhzBbxXZRAxFC1Tp0qBVBz3g5unnAfOzJM2G0&amp;t=634039095040000000" type="text/css" rel="stylesheet" class="Telerik_stylesheet" />
    <meta name="Generator" content="Sitefinity 3.7.2096.2:0" />

    And here is the relevant css inserted inside styles.css by me which I think is overwritten by the 3rd stylesheet (the URL that seems like a reference to an embedded resource) on the list pasted above:
    rmItem a {
    cursor: hand;
    cursor: pointer;
    }

    A {
    cursor: pointer;
    }

    How do go about changing the mouse cursor to a 'finger' when it hovers upon a sitemenu control item?

    Thanks


  2. Ivan Dimitrov
    Ivan Dimitrov avatar
    16072 posts
    Registered:
    25 Nov 2016
    20 Oct 2010
    Link to this post
    Hi Viren,

    You have to use the following class

    .RadMenu_Default .rmLink:hover
    {
       cursor: pointer;
    }

    where Default is the name of your RadMenu skin. If necessary use !important.

    Regards,
    Ivan Dimitrov
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  3. Viren
    Viren avatar
    41 posts
    Registered:
    03 Aug 2010
    20 Oct 2010
    Link to this post
    Thanks Ivan. Your solution works fine for IE 8/7 but not for Mozilla firefox. The following works :

    .RadMenu_SitefinityBlue .rmLink:hover
    {
       cursor: hand !important;   
    }

    For firefox I tried the following but does not seem to work:

    .RadMenu_SitefinityBlue .rmLink:hover
    {
       cursor: hand !important;
    -moz-cursor: pointer !important;  
    }

    But does not seem to work.
  4. Ivan Dimitrov
    Ivan Dimitrov avatar
    16072 posts
    Registered:
    25 Nov 2016
    21 Oct 2010
    Link to this post
    Hi Viren,

    I checked the behavior  for .RadMenu_SitefinityBlue .rmLink:hover and it is working fine in FireFox. Please check what other classes applies over the rmLink and put the rule at the bottom of your stylesheet.

    Greetings,
    Ivan Dimitrov
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
Register for webinar
4 posts, 0 answered