override a css tag in flexslider

Question

I am trying to use flexslider on a magento page. the problem is that since I am using a third party theme, their comes a tag in the css

.std ul {
    list-style: disc outside none;
    padding-left: 1.5em;
}

how can I over ride this in my css in magento ?

I tried to do this

.flex-direction-nav .std ul{list-style:none;}

but no change.

see the 2 dots coming in the red box. I want to remove them. I dont want to remove the .std ul tag from the main css cause it will mess up something else for fixing this. What should I do ?

Answer 1

Please try this code :

.flex-direction-nav {list-style:none !important;}