CSS Accessibility?

[ChrisOlsen]

I want to shorten the indent for a bullet and could do the following except it requires access to the style sheet, which I don't believe I have access to:

IN A CASCADING STYLE SHEET:

ul.noIndent {
margin-left: .5em;
padding-left: .5em;
}

IN YOUR HTML:

<ul class="noIndent">
<li>Item 1</li>
<li>Item 2</li>
</ul>

Can I access the style sheets or how can I solve this problem?

Thanks...Chris

[rew danielle]

Only REW has access to the style sheets and we can add or edit anything you would like. You may post a request in the work orders forum.

[Aaron]

Hi Chris,

If you just want the formating for one page - You could also place that CSS in a snippet like I have below then place the snippet on the CMS page - Ideally you would have it added to the main CSS file - but this is also an option.

<style>
ul.noIndent {
margin-left: .5em;
padding-left: .5em;
}
</style>

[ChrisOlsen]

Thanks Aaron and Danielle!

[ChrisOlsen]

Hi Aaron,

Here is a link to the page where I tried your example, but it is unfortunately, still indenting: http://www.browndogrealestate.com/list-test.php.

Below is the source code on this page. Could it be the main CSS file is overriding this? I wouldn't think so.


<h1>Unordered List Test</h1>
<ul>
<li>List Item 1
<li>List Item 2
<li>List Item 3
<ul>
<li>Sub-List Item 1
<li>Sub-List Item 2
<li>Sub-List Item 3 </li></ul>
<li>List Item 4
<li>List Item 5 </li></ul>
<p>
<style>
ul.noIndent {
margin-left: .5em;
padding-left: .5em;
}
</style>

<ul class="noIndent">
<li>Item 1
<li>Item 2 </li></ul>
<p>hi </p>

[Aaron]

For me the list where you have class applied to it (Item1 and Item 2)it shows as less indented than the other list. Looks like your CSS is not going to work out. You might try just:

<style>
ul.noIndent {
padding-left: .1em;
}
</style>

If that's not working you may post a request in the work orders forum for a designer to create some CSS for that.



Thank you.