JCE Editor - bullets look unusual

Professional Jomal template designed to be easily adaptable to all kinds of business
GK User
Tue Oct 16, 2012 5:39 am
I'm using JCE Editor -when I added bullet points I get an extra triangle showing up.
In the example below I inserted squares but you can see the extra triangle.
Is the triangle being added by the template? Can I get rid of it?
Thanks

Image
User avatar
Junior Boarder

GK User
Tue Oct 16, 2012 7:31 am
Hi,

Please check the generated code, probably the JCE editor has been added the style attribute with list-style-type: square; what cause that it overrides our standard CSS code which disables these bullets.

In the correct case only the triangles should be displayed.
User avatar
Administrator

GK User
Tue Oct 16, 2012 3:47 pm
If I prefer the square how do I remove the triangle?
User avatar
Junior Boarder

GK User
Tue Oct 16, 2012 4:49 pm
Then you have to reset the background-image and padding-left properties for the LI elements.
User avatar
Administrator

GK User
Wed Oct 17, 2012 1:58 am
Thank. Apologies as I'm new to Joomla.
Is there a specific css in which I would make the change?
Cheers
User avatar
Junior Boarder

GK User
Wed Oct 17, 2012 7:47 am
Please provide me the URL to your website, then I'll be able to provide you a specific CSS file and fragment to change.
User avatar
Administrator

GK User
Wed Oct 17, 2012 3:29 pm
I'm doing my test build here:
http://www.gods-workshop.com/
Thanks very much.
User avatar
Junior Boarder

GK User
Thu Oct 18, 2012 7:58 am
In the template.css file please remove for the selector (around line 455.):

Code: Select all
#gkWrap2 .box li


the following properties:

Code: Select all
background: url("../images/menu_bullet.png") no-repeat 4px 8px;
padding: 0 0 0 14px;
User avatar
Administrator

GK User
Sat Oct 20, 2012 10:28 pm
Thanks that worked for getting rid of the triangles.
One other thing I did notice is that the page is not taking the indent on the bullets.
Any idea what may be causing this?
B1.png

B2.png
User avatar
Junior Boarder

GK User
Mon Oct 22, 2012 6:17 pm
Please add the following fragment to your template.css file:
Code: Select all
#gkWrap2 .box ul {
list-style-position: inside;
}
User avatar
Administrator

GK User
Tue Oct 23, 2012 3:00 am
Yup. That did the trick.
Thanks
Rich
User avatar
Junior Boarder


cron