test
Viewing 15 posts - 1 through 15 (of 19 total)
  • Author
    Posts
  • omidkia Friend
    #133005

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

    Regards,
    Omid

    Balaji Ramanathan Friend
    #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
    #269015

    its in typo.css line 63 or so

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

    Balaji Ramanathan Friend
    #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
    #269021

    That worked!!! Thank you very much.

    Balaji Ramanathan Friend
    #269022

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

    mj1256 Friend
    #269026

    look for drop cap and rem it out

    omidkia Friend
    #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
    #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>

    mj1256 Friend
    #269133

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

    scotty Friend
    #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
    #270085

    Try commenting out the following lines:

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

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

    Andrew Winkler Friend
    #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
    #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
    #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

Viewing 15 posts - 1 through 15 (of 19 total)

This topic contains 19 replies, has 12 voices, and was last updated by  ftht1 14 years, 9 months ago.

We moved to new unified forum. Please post all new support queries in our New Forum