Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • joof Friend
    #142269

    1. The body text of my articles and the Front Page seems small. I want that text to be larger for all the articles. How do I do that?
    Firebug identifies the text, I believe, as <body id=”bd” class=”fs3″>.
    But if I change the template.css fs3 class to a larger size, then all the text gets bigger, including the headers and menus.

    2. It would be helpful to have those text sizing buttons in the upper portion of the page so that viewers could adjust given their personal preference. How can I do that?

    prakash Friend
    #309168

    find the css within the content > like content p here u can change the font size…

    the text sizing js can be updated may be from some other JA template…as they have feature on many templates.

    joof Friend
    #309187

    <em>@prbalge 134339 wrote:</em><blockquote>find the css within the content > like content p here u can change the font size…

    the text sizing js can be updated may be from some other JA template…as they have feature on many templates.</blockquote>
    thank you prbalge for answering.

    I didn’t find any such content p in any of the css. I searched for “content” but didn’t find anything that looked useful or when manipulated changed the font size. I would’ve thought this would’ve been in the User Guide–seems so basic.

    text sizing answer sounds theoretical, perhaps someone has a real-world answer to that one.

    prakash Friend
    #309210

    Hi… ok if you are not able to find content p….then do this…open the template.css file in that add these lines

    .article-content p{
    font-size:12px;
    }

    the font-size can be set to whatever you want….

    hope this answers your query

    joof Friend
    #309236

    <em>@prbalge 134399 wrote:</em><blockquote>Hi… ok if you are not able to find content p….then do this…open the template.css file in that add these lines

    .article-content p{
    font-size:12px;
    }

    the font-size can be set to whatever you want….

    hope this answers your query</blockquote>

    Thank you for the suggestion. I’ve tried inserting that code in the template.css near the beginning and also at the end of the template, but it doesn’t achieve the desired results.
    That changes the size of the text for “Read More…” on the article blog layout page but doesn’t change the text size of the article paragraph anywhere and doesn’t even change the “Read More…” text size on the front page.

    prakash Friend
    #309403

    Hi…that should work. Can you PM the live site link so that I can have a look at it?

    joof Friend
    #309575

    <em>@prbalge 134635 wrote:</em><blockquote>Hi…that should work. Can you PM the live site link so that I can have a look at it?</blockquote>

    The site is MAMP only, not live. Are you saying you’ve tried this on JA_Opal and it worked?

    scotty Friend
    #309590

    On line 40ish of template.css find…

    body.fs1 {font-size: 10px;}
    body.fs2 {font-size: 11px;}
    body.fs3 {font-size: 12px;}
    body.fs4 {font-size: 13px;}
    body.fs5 {font-size: 14px;}
    body.fs6 {font-size: 15px;}

    You set which one you want as default in your Template manager. All other font sizes (H1,H2 etc) are expressed as a % of these in the CSS. So in other words if you set your template to use font-size4 (body.fs4) and set that to 16px then this will also increase the size of your <H1> titles because…

    /* Heading */
    h1 {font-size: 200%;}
    h2 {font-size: 175%;}
    h3 {font-size: 150%;}
    h4 {font-size: 125%;}

Viewing 8 posts - 1 through 8 (of 8 total)

This topic contains 8 replies, has 3 voices, and was last updated by  scotty 15 years, 4 months ago.

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