stylesheet and lists problem

Options

I have a problem with a style sheet and displaying lists. When Convio coded the site they used styled lists for the navigation. The bullets are set to none in the code. Now when you go to insert just a plain unordered list in a page, it comes up without bullets. You can add bullets by adding a bit of code via a class tag. However it it supposed to be wysiwyg and we cannot have people having to do that. Can anyone think of a fix that would allow lists in the main content area to display bullets? Thanks for your help.

Tagged:

Comments

  • Yikes. Sorry to hear that, Dana. There's a couple things I can think of. If Convio applied a reset style to your site like they did ours, we can get around it by adding a new stylesheet you can use to override any Convio-programmed styles. It's not too tough to do, but I need to see the CSS you have now to tell you where to go. What's your website?

    (PS: Convio, have your designers stop using reset styles. They fix a couple tiny things and break a hell of a lot more.)

  • Jim Drey:

    Yikes. Sorry to hear that, Dana. There's a couple things I can think of. If Convio applied a reset style to your site like they did ours, we can get around it by adding a new stylesheet you can use to override any Convio-programmed styles. It's not too tough to do, but I need to see the CSS you have now to tell you where to go. What's your website?

    (PS: Convio, have your designers stop using reset styles. They fix a couple tiny things and break a hell of a lot more.)

    Thanks Jim. Here is the link to the stylysheet: http://tmmc.pub30.convio.net/assets/css/global.css

  • Dana Bialashewski:

    Thanks Jim. Here is the link to the stylysheet: http://tmmc.pub30.convio.net/assets/css/global.css

    Dana,

    It seems like globally the styles for lists has been reset to null, which is not the best practice and oversight on our end. My sincere apologies. If it is ok, I can go ahead & update your styles to ensure that both ordered & unordered lists are rendering properly in the body.

    Sincerely,

    Elizabeth

  • Elizabeth M:

    Dana,

    It seems like globally the styles for lists has been reset to null, which is not the best practice and oversight on our end. My sincere apologies. If it is ok, I can go ahead & update your styles to ensure that both ordered & unordered lists are rendering properly in the body.

    Sincerely,

    Elizabeth

    Thanks Elizabeth that would be great.

  • Dana,

    Attached is the updated global.css file that you can upload to your site, it should fix the bullet issues. Let me know if the issue exists after the updates.

    Elizabeth

  • Dana Bialashewski:

    Thanks Elizabeth that would be great.

    Elizabeth, can you let me know when they have been updated. I want to download the latest global stylesheet. Thanks.

  • Dana Bialashewski:

    Elizabeth, can you let me know when they have been updated. I want to download the latest global stylesheet. Thanks.

    Dana,

    I didn't upload the stylesheet direclty into your site. However, I did use the latest files from the live site about 30 mins ago. Please use the file attached to my last response.

    Elizabeth

  • Elizabeth M:

    Dana,

    Attached is the updated global.css file that you can upload to your site, it should fix the bullet issues. Let me know if the issue exists after the updates.

    Elizabeth

    Thanks Elizabeth working great now. Just for my own knowledge is this the code that you added?

    ul.bullets li, .maincopy ul li, .maincopy ol li {

        list-style: disc;

        font-family: Franklin Gothic Book, "Arial", Times, serif;

        font-size: 1.3em;

        color: #555555;

        line-height: 175%;

        border: none;

        padding: 0;

    the .maincopy ul li? Just curious.

    Thanks.

  • Dana Bialashewski:

    Thanks Elizabeth working great now. Just for my own knowledge is this the code that you added?

    ul.bullets li, .maincopy ul li, .maincopy ol li {

        list-style: disc;

        font-family: Franklin Gothic Book, "Arial", Times, serif;

        font-size: 1.3em;

        color: #555555;

        line-height: 175%;

        border: none;

        padding: 0;

    the .maincopy ul li? Just curious.

    Thanks.

    Dana,

    I commented out definistion for .press .maincopy li, then I added .maincopy ul, .maincopy ol  & .maincopy ul li, .maincopy ol li to the ul.bullets and ul.bullets li definitions respectively. And finally I added the full definition for .maincopy ol li

    I hope that clears up how the styles work.

    Elizabeth

Categories