List items not displaying correctly


Author Message
navoff

Posted: 4/16/2013
Quote message 

I created a template for use in a Drupal site and styled the list items with a bullet. they look fine in Artisteer:



but in Drupal, when I use the calendar module to create a mini calendar and list of upcoming events views, I'm getting display problems.

In the Upcoming Events view, the text appears on the line below the bullets:

.

In the mini calendar view, there are bullets in the navigation section:



I was trying to figure out what in the style sheet would cause the text to move to the next line and how to remove the bullets from the mini calendar. Any suggestions as to what I should attempt to change?
 
Geonick

Posted: 4/29/2014
Quote message 

I had the same problem.

I fixed it through and change in the Theme's CSS-file:
1. find the relevant CSS-Class (with Firebug in Firefox-browser)
2. Change bottom to whatever you need (in my case: bottom: -14px)

Hope that helps.

My CSS-Class now looks like this:
Quote :

.rtblock ul>li:before
{
content: url('images/blockbullets.png');
margin-right: 6px;
bottom: -14px;
position: relative;
display: inline-block;
vertical-align: middle;
font-size: 0;
line-height: 0;
margin-left: -11px; }