HTML box not working here is what I have tried

bbeck4x4 · August 3, 2013

first I tried a simple

<ul>
<li>text #1</li>
</ul>

and I have tried putting this in a div

<div class="post-wrapper">  <ul>    <li>Item-1</li>    <li>Item-2</li>    <li>Item-3</li>    <li>Item-4</li>    <li>Item-5</li>    <li>Item-6</li>    <li>Item-7</li>  </ul> </div>

both of these fail

I have also tried putting the css in the single box as well as site wide, I have other div's that are working fine, but not if I use a <li> tag

moiraine · August 3, 2013

Hi Bbeck4x4, I just tried doing exactly as your first attempt said and it showed up just fine, exactly as you expect.

What type of page are you trying on? (I tried it on galleries), and what design are you trying to use? I wonder if something is overriding the css somehow, but from the smugmug default design, everything is working as expected on galleries for me.

bbeck4x4 · August 3, 2013

This is a page and inside of a HTML box, my css is in the main css for the entire site

a:link {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}



.smalldetails {
  text-align: center!important;
  color: #000;
  width: 600px;
  border: 1px dashed #000;
  background: #639ace;
  padding: 4px;
  margin: 2px;
}

.center {
  text-align: center;
}

.blacktext {
  color: 000000;
}

[HTML]
<p>text</p>
<hr style="width: 100%; size: 1px; text-align: center;" />
<div class="blacktext">
<ul>
<li>kids and family shots</li>
<li>private web gallery</li>
<li>Limited sessions available.</li>
</ul>
[/HTML]

bbeck4x4 · August 3, 2013

here is one of the pages in question
http://www.briansprofoto.com/Prices/Our-packages

moiraine · August 3, 2013

What're you expecting to work that isn't working? I just took a look and see the

elements being displayed there

bbeck4x4 · August 3, 2013

You are seeing bullet list? On the black text? I'd like to see a screenshot of that, they are there in the code, but not displaying on the page.

moiraine · August 3, 2013

ahh, i see what you mean, I was seeing the black text.

Are you simply looking for a way to get the bullet points there?

moiraine · August 3, 2013

If you want to get the bullet points to show up, you might want to try something like:

.blacktext li {
    list-style: inside;
}

bbeck4x4 · August 3, 2013

Yes for some reason, probably something from the template is blocking the use of the and

commands. I have had email conformation that they are working on it.

bbeck4x4 · August 3, 2013

CSS Genius! That worked

One of these days i'll figure out the why

moiraine · August 3, 2013

I believe SmugMug sets that particular style to "none", so you had to override it by choosing "inside" for your element. I'm glad that worked for you!

bbeck4x4 · August 3, 2013

Interesting, I have been trying to figure that out for a few days now, not even tech support had figured it out.

HTML box not working here is what I have tried

Comments