stylesheet and lists problem

Dana Bialashewski

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.

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.)

Dana Bialashewski

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

Elizabeth Makayed

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

Dana Bialashewski

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.

Elizabeth Makayed

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

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.

Elizabeth Makayed

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

Dana Bialashewski

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.

Elizabeth Makayed

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