Joomla Templates Club 406,261 posts

[anthonyberot Friend anthonyberotJoin date: February 2012Posts: 68Downloads:0Uploads:1 Thanks: 15 Thanked: 3 times in 1 posts]

#174539

How do I turn on Drop Caps in JA Nex

[tfosnom Friend tfosnomJoin date: October 2010Posts: 742Downloads:0Uploads:31 Thanks: 145 Thanked: 200 times in 94 posts]

#441387

Hi Anthony
In your editor when writing up an article etc. you’ll see a button at the bottom of the panel called JA Typo. If you click on that a popup of all the ‘built in’ styles appears look for the drop caps example, click and it will put the necessary code sample into your article which you then edit to suit the letter etc. you wish to include I usually switch to code view so you can see the actual HTML. this is done by clicking the show/hide text on top of editor panel.

To manually do the drop cap switch to html code view
insert cursor on blank line add this code

<div class=”ja-typo-block”> <h2 class=”ja-typo-title”><span>Dropcaps</span></h2> <div class=”ja-typo-blockct clearfix”> <p><span class=”dropcap”>T</span>his is a Magazine Style Drop Cap. The first letter in this paragraph is big. JA Templates bring into your Jooomla template the magazine drop cap technique and CSS2 includes the first-letter pseudo class.</p> </div>

Replace the “T” with the Capital letter of choice, then complete the sentence after the closing </span>

A search on ‘JA_Typo button’ or typography will net you some guides, but if you go here and read point 10 it helps somewhat. Also look at the typography page in the nex demo, shows the resulting styles available, do a view page source to see the code for each

Blessings Shane

[anthonyberot Friend anthonyberotJoin date: February 2012Posts: 68Downloads:0Uploads:1 Thanks: 15 Thanked: 3 times in 1 posts]

#441402

Thank You I did not find the JA Typo button I will do the search as you suggest, anyway I did it by adding this code to the template.css file
p.introduction:first-letter {
font-size: 200%;
font-weight: bold;
float: left;
color: #c00000;
padding-top:5px;
}

then called it in the html code for the article.

[tfosnom Friend tfosnomJoin date: October 2010Posts: 742Downloads:0Uploads:31 Thanks: 145 Thanked: 200 times in 94 posts]

#441405

Have a look at this thread, Anthony
http://www.joomlart.com/forums/topic/instructions-for-typography/#post-441390
Shane

[Author]

Posts