Joomla Templates Club 406,261 posts

[omidkia Friend omidkiaJoin date: September 2008Posts: 12Downloads:0Uploads:0 Thanks: 4 Thanked: 1 times in 1 posts]

#133005

How can we prevent the template from automatically enlarging the first letter of every article?

Regards,
Omid

[Balaji Ramanathan Friend Balaji RamanathanJoin date: September 2014Posts: 187Downloads:0Uploads:13 Thanks: 24 Thanked: 2 times in 1 posts]

#268980

it uses div class= article-content for sure. I can’t seem to find that code in any of the .css files. I too wanted to change that. hope somebody helps out.

[mj1256 Friend mj1256Join date: June 2007Posts: 1473Downloads:10Uploads:35 Thanks: 84 Thanked: 225 times in 118 posts]

#269015

its in typo.css line 63 or so

use firefox with the firebug plugin, it will give you all of css references.

1 user says Thank You to mj1256 for this useful post

1. omidkia

[Balaji Ramanathan Friend Balaji RamanathanJoin date: September 2014Posts: 187Downloads:0Uploads:13 Thanks: 24 Thanked: 2 times in 1 posts]

#269019

Maybe I am crazy. Seriously, I could not find div.article-content in typo.css

Here is the complete code of typo.


/*------------------------------------------------------------------------
# JA Pyrite for Joomla 1.5 - Version 1.0 - Licence Owner JA59295
# ------------------------------------------------------------------------
# Copyright (C) 2004-2008 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
# @license - Copyrighted Commercial Software
# Author: J.O.O.M Solutions Co., Ltd
# Websites: http://www.joomlart.com - http://www.joomlancers.com
# This file may not be redistributed in whole or significant part.
-------------------------------------------------------------------------*/

/* BONUS TYPOGRAPHY STYLES
--------------------------------------------------------- */
pre, .code {
background: #FFFFCC;
border-left: 5px solid #333333;
font: 1em/1.5 "Courier News", monospace;
margin: 5px 0 15px;
padding: 10px 15px;
}

blockquote {
padding: 1em 40px 1em 15px;
}

blockquote span.open {
background: url(../images/so-q.gif) no-repeat left top;
padding: 2px 0 2px 25px;
}

blockquote span.close {
background: url(../images/sc-q.gif) no-repeat bottom right;
padding: 2px 25px 2px 0;
}

blockquote.testimonial {
padding: 0 0 15px;
border-bottom: 1px solid #E6E6E6;
}

blockquote.testimonial span.author {
background: url(../images/icon-author.gif) no-repeat 5px center;
display: block;
font-weight: bold;
margin-top: 5px;
padding-left: 20px;
}

/* Blockquote hilite */
div.quote-hilite {
background: #333333;
color: #FFFFFF;
}

div.quote-hilite span.open {
background: url(../images/so-q-hilite.gif) no-repeat left top;
}

div.quote-hilite span.close {
background: url(../images/sc-q-hilite.gif) no-repeat right top;
}

/* Dropcap */
.dropcap {
display: block;
float: left;
font: 60px/58px Georgia, Times, serif;
padding: 0 10px 0 0;
}

/* Tips, Error, Message, Hightlight*/
p.error {
background: url(../images/icon-error.gif) no-repeat 0px 4px;
color: #CC0000;
padding-left: 25px;
}

p.message {
background: url(../images/icon-info.gif) no-repeat 0px 4px;
color: #0358A8;
padding-left: 25px;
}

p.tips {
background: url(../images/icon-tips.gif) no-repeat 0px 4px;
color: #0358A8;
padding-left: 25px;
}

p.feed {
background: url(../images/icon-rss.gif) no-repeat 0px 4px;
padding-left: 25px;
}

.highlight {
color: #333333;
background: #FFFFCC;
font-weight: bold;
padding: 1px 5px;
}

/* Note Style */
p.stickynote {
background: url(../images/sticky-bg.gif) no-repeat 5px center #FFFFFF;
border: 1px solid #E6E6E6;
padding: 15px 10px 15px 60px;
}

p.download {
background: url(../images/icon-download.gif) no-repeat 5px center #FFFFFF;
border: 1px solid #E6E6E6;
padding: 15px 10px 15px 60px;
}

.blocknumber {
clear: both;
padding: 5px 15px 10px;
position: relative;
}

/* Check list */
ul.checklist {
list-style: none;
}

ul.checklist li {
background: url(../images/icon-checklist.gif) no-repeat 0 6px !important;
margin-left: 15px !important;
padding: 0 0 0 20px !important;
}

/* Check list (star) */
ul.stars {
list-style: none;
}

ul.stars li {
background: url(../images/icon-star.gif) no-repeat 0 5px;
margin-left: 15px;
padding: 0 0 0 20px;
}

/* Check list arrow */
ul.arrow {
list-style: none;
}

ul.arrow li {
background: url(../images/icon-arrow.gif) no-repeat 3px 7px;
margin-left: 15px;
padding: 0 0 0 20px;
}

/* Bignumber */
.bignumber {
background: url(../images/ol-bg.gif) no-repeat top left;
color: #FFFFFF;
display: block;
float: left;
font: bold 20px/normal Arial, sans-serif;
margin-right: 8px;
padding: 6px 7px;
}

/* Talking box. Thinking box. */
div.bubble1, div.bubble2, div.bubble3, div.bubble4 {
margin: 15px 0;
}

div.bubble1 span.author,
div.bubble2 span.author,
div.bubble3 span.author,
div.bubble4 span.author {
font-weight: bold;
margin-left: 15px;
padding-left: 0;
}

div.bubble1 div {
background: url(../images/bub1-br.gif) no-repeat bottom right;
margin: 0;
width: 100%;
}

div.bubble1 div div {
background: url(../images/bub1-bl.gif) no-repeat bottom left;
}

div.bubble1 div div div {
background: url(../images/bub1-tr.gif) no-repeat top right;
}

div.bubble1 div div div div {
background: url(../images/bub1-tl.gif) no-repeat top left;
}

div.bubble1 div div div div div {
margin: 0;
padding: 10px 15px 20px;
width: auto;
}

div.bubble2 div {
background: url(../images/bub2-br.gif) no-repeat bottom right;
margin: 0;
width: 100%;
}

div.bubble2 div div {
background: url(../images/bub2-bl.gif) no-repeat bottom left;
}

div.bubble2 div div div {
background: url(../images/bub2-tr.gif) no-repeat top right;
}

div.bubble2 div div div div {
background: url(../images/bub2-tl.gif) no-repeat top left;
}

div.bubble2 div div div div div {
margin: 0;
padding: 10px 15px 25px;
width: auto;
}

div.bubble3 div {
background: url(../images/bub3-br.gif) no-repeat bottom right;
margin: 0;
width: 100%;
}

div.bubble3 div div {
background: url(../images/bub3-bl.gif) no-repeat bottom left;
}

div.bubble3 div div div {
background: url(../images/bub3-tr.gif) no-repeat top right;
}

div.bubble3 div div div div {
background: url(../images/bub3-tl.gif) no-repeat top left;
}

div.bubble3 div div div div div {
margin: 0;
padding: 10px 15px 45px;
width: auto;
}

div.bubble4 div {
background: url(../images/bub4-br.gif) no-repeat bottom right;
margin: 0;
width: 100%;
}

div.bubble4 div div {
background: url(../images/bub4-bl.gif) no-repeat bottom left;
}

div.bubble4 div div div {
background: url(../images/bub4-tr.gif) no-repeat top right;
}

div.bubble4 div div div div {
background: url(../images/bub4-tl.gif) no-repeat top left;
}

div.bubble4 div div div div div {
margin: 0;
padding: 10px 15px 45px;
width: auto;
}

/* Legend */
.legend-title {
background: #FFFFFF;
display: block;
font-size: 100%;
float: left;
font-weight: bold;
left: 7px;
margin: 0;
padding: 0 3px;
position: absolute;
top: -10px;
}

.legend {
border: 1px solid #CCCCCC;
margin: 20px 0;
padding: 0 10px;
position: relative;
}

[omidkia Friend omidkiaJoin date: September 2008Posts: 12Downloads:0Uploads:0 Thanks: 4 Thanked: 1 times in 1 posts]

#269021

That worked!!! Thank you very much.

[Balaji Ramanathan Friend Balaji RamanathanJoin date: September 2014Posts: 187Downloads:0Uploads:13 Thanks: 24 Thanked: 2 times in 1 posts]

#269022

Omidkia,
would you mind helping me out? since you have marked solved nobody is going to open this thread.

[mj1256 Friend mj1256Join date: June 2007Posts: 1473Downloads:10Uploads:35 Thanks: 84 Thanked: 225 times in 118 posts]

#269026

look for drop cap and rem it out

1 user says Thank You to mj1256 for this useful post

1. Balaji Ramanathan

[omidkia Friend omidkiaJoin date: September 2008Posts: 12Downloads:0Uploads:0 Thanks: 4 Thanked: 1 times in 1 posts]

#269031

Yes that’ exactly right.
Open the typo.css file and remove the section starting at line 63.
send your thanks to mj1256.

[scotty Friend scottyJoin date: March 2008Posts: 2339Downloads:0Uploads:13 Thanks: 76 Thanked: 827 times in 595 posts]

#269056

Omitting the style from the css is a work around not a fix. The dropcap class is still added it just has no effect.

To stop the dropcap completely from being added to articles open templates/ja_pyrite/js/ja.script.js and rem out line 259.

This way you can still add the dropcap class manually to any article you want to have it on using… <span class=”dropcap”>X</span>

2 users say Thank You to scotty for this useful post

1. kumoito
2. TAnne Mills

[mj1256 Friend mj1256Join date: June 2007Posts: 1473Downloads:10Uploads:35 Thanks: 84 Thanked: 225 times in 118 posts]

#269133

you are correct, admittedly i over simplify because of the various skill levels of the members

[scotty Friend scottyJoin date: March 2008Posts: 2339Downloads:0Uploads:13 Thanks: 76 Thanked: 827 times in 595 posts]

#269199

I understand.

But actually I am not correct:((. Remming out line 259 seems to mess up the JS for the login and search boxes and deleting the lines altoghter messes up the Moomenu.

If you delete the word dropcap from line 274 everything seems to work fine. Make sure to leave the apostrophes .

You could write on the back of a stamp what I know about js so I am sure there is a proper way to omit this function and this is not it. Still a workaround I’m afraid 🙂

[phghgjh Friend phghgjhJoin date: March 2006Posts: 1Downloads:0Uploads:0 Thanked: 4 times in 2 posts]

#270085

Try commenting out the following lines:

window.addEvent (‘domready’, function() {
addDropCap();
});

Leave the function ‘addDropCap’ just don’t add the event.

4 users say Thank You to phghgjh for this useful post

1. ebajh69
2. thehacker
3. zuesty
4. nadinekirma

[Andrew Winkler Friend Andrew WinklerJoin date: September 2014Posts: 725Downloads:206Uploads:31 Thanks: 291 Thanked: 34 times in 2 posts]

#271053

Putting a ‘white’ character in front of the article prevents the first visible character from being enlarged.

Use HTML like this: <font color=”#FFFFFF”>.</font>

I tried a blank ( ) instead of the dot, but that got ignored by the first capital enlargement function. Use any other character.

[sdff Friend sdffJoin date: October 2008Posts: 7Downloads:0Uploads:0]

#277543

<em>@scotty 78058 wrote:</em><blockquote>Omitting the style from the css is a work around not a fix. The dropcap class is still added it just has no effect.

To stop the dropcap completely from being added to articles open templates/ja_pyrite/js/ja.script.js and rem out line 259.

This way you can still add the dropcap class manually to any article you want to have it on using… <span class=”dropcap”>X</span></blockquote>

Would you mind posting the code that needs to be commented? When I go to line 259, I see a }. I tried commenting out all the code before it but that didn’t work. Thanks.

[ebajh69 Friend ebajh69Join date: December 2005Posts: 36Downloads:6Uploads:8 Thanks: 7 Thanked: 4 times in 2 posts]

#284462

Commenting out Lines 282-284 as suggested by phghgjh works.

<blockquote>Try commenting out the following lines:

window.addEvent (‘domready’, function() {
addDropCap();
});
</blockquote>

This will turn off the AUTO Drop Cap from every article. If you want to add it to an individual article, you still can by using <span class=”dropcap”>X</span>.

Thanks

2 users say Thank You to ebajh69 for this useful post

1. zuesty
2. nadinekirma

[Author]

Posts