As a developer, my knowledge of CSS is not extensive. I am currently facing a simple issue while working with Sitefinity CMS. On one of the pages, I have utilized ul and li elements. The designer has provided me with CSS for li that looks like this:
.listing li {
list-style: circle url(/images/default-source/main_library/bullet.gif?Status=Temp&sfvrsn=2);
margin-bottom: 7px;
}
After copying the HTML as instructed, I noticed that the bullets for the li items are not styled correctly based on the designer's specifications. Upon inspecting the element using Developer Tools, I discovered that the CMS is applying its own style to the li element:
body, nav, ul, li, a {
margin: 0;
padding: 0;
}
By disabling the padding property in the CMS's styling, I was able to achieve the desired result. However, I am now wondering if there is a way to override or remove the padding property in a development environment without altering the CMS stylesheet. Is it possible to create a CSS rule that specifically targets the padding property and removes its effect?