Font size

JCE Editor

jce editorJCE Editor

 

The JCE Editor is a free 3rd Party Extension that gives the option of using a more extensive text editor than the default TinyMCE.

The benefits of the JCE Text Editor over the default TinyMCE Editor are:

  • More options for modifying your content
  • Expanded options when creating links
  • Ease of uploading to or selecting images from your images directory
  • Ease in setting inline styling for images
  • Improved integration with stylesheets
  • Ease in creating and modifyling tables

A screenshot of the JCE Editor Text Editor for Joomla 3:

jce editor screenshot

To find tutorials for the JCE Editor click here

To watch CloudAccess videos on the JCE Editor click here

 

JCE Editor Styles available in the FavThemes / Favourite template

The list below shows examples from the drop-down list of Styles in the JCE Editor.

  • To make this list the name from the list was typed on one line, it was then highlighted and that style chosen from the list. 
  • Some text shows no change, but others show how the style would work. Others would probably work if an image, or appropriate component, was highlighted first.
  • Sometimes the same name appears several times, the difference may be the space before or after the text.
  • This is about two-thirds of the list only, I have not added the div options.

Styles:

component heading = Tahoma 24x black (wide space above/below)


row-fluid ?

 

 

(goes straight to extra space as if (shift+enter tapped)

slogan (Roboto 14px v.pale blue)

showRetinalLogo ?

fav-overlay (thick black line)

 

fav-transparent ?

h2.item-title = Tahoma 24px blue (uses colour from title in template)

component heading (same as previous component heading)

h3.itemAuthorName (same as h2.item-title)

FAV404 ?

component heading (seems to allow heading format for one word instead of whole row)

h3.itemAuthorName (same as h2.item-title)

a.k2ReadMore ?

a.k2ReadMore ?

h3.itemAuthorName (large space below)

pagination ?

k2Pagination ?

itemCommentsPagination ?

divk2Pagination
div.itemCommentsPagination
btn
 
a.k2ReadMore 
(no space below)
 
btn,activ
(no space below)
 
btn-primary
(no space below)
 
btn-large - indented (large space below)
btn-small - small indent (large space below)
btn-mini - (no space below)

 

btn-large - indented (large space below)

btn-small - small indent (large space below)

btn-mini - v.mini, small indent (no space below)

btn-disabled

favnav - no space below)

span.nav-header (must add link as hand shows)

ul.menubasic

ul.menubasic.menu-clear

ul.menubasic.menu-dark

ul.menubasic.menu-color

ul.menuhorizontal

ul.menuhorizontal.pull-right

Icons:

icon-plus

 

icon.minus (deleted enter before)

 

icon-list

 

icon-cog

Images:

img-left

img-rounded

btn-info

button-info.active

btn-info disabled  / disabled.active / success etc / warning etc / danger etc / inverse etc / 

span.icon-edit

a.btn.jmodedit

blockquote.blockquote-dark
blockquote.blockquote-color

lead

text-warning

text-error

text-info

text-successs

span.label-red

-blue / -green / -grey / -orange

simple-box

info-box

success-box

+ lots more.

badge

badge-info

bubble-red

bubble- lots more colours.

ul.lisi-square

ol.list-square

ul. and ol. lots more options

moduletablepull-left

 

moduletablefavstyle.pull-left

 

moduletablepull-right

moduletablefavstyle.pull-right

moduletable-sfx5

moduletablesfx(6-48)

favpro - HUGE with blue background and white text

mod???ble.favdemo - same as favpro

dl,contact-address.dl-horizontal

blog

Too many others to list - Div... / ul...