Forum


HomeHomePremiumPremiumTips and TricksTips and Tricksbullet point imagesbullet point images
Previous
 
Next
New Post
7/16/2013 10:21 AM
 

Hello,

Does anyone know of a good way to apply bullet point images to all 'ul li' elements entered via the richtext editor?

I have added the following lines to the stylesheet for the time being:

.Mybullets > ul > li

margin: 0.0em 0; 
padding: 0px 0 0 20px; /* move the text to the right of the image */ 
background:url(images/postbullets.png) no-repeat 0px 4px; 
}

But that means I have to wrap each ul element with a div referencing the mybullets class. Which a normal user wouldn't know how to do,

Is there a way to target all 'ul li' entered by the user, without affecting others, for example the menu and the richtext editor's toolbar both contain the 'ul li' elements.

Best Regards,

Steve

 
New Post
7/16/2013 11:30 AM
 

Hi Steve,

I have used .Normal ul > li quite a lot in the past.

Cheers,

Aderson

 
New Post
7/17/2013 12:29 AM
 

Hi Aderson,

Thankyou for your reply.

But then I still need to wrap the UL structure with a div referencing the .Normal class presumably?

Steve

 
New Post
7/17/2013 2:49 AM
 

Hi Steve,

"Normal" is a standard class that wraps all HTML module content automatically.

 
Previous
 
Next
HomeHomePremiumPremiumTips and TricksTips and Tricksbullet point imagesbullet point images



Try FREE
30 days money back guaranteed