Viewing 15 posts - 1 through 15 (of 16 total)
  • Author
    Posts
  • merlien Friend
    #169619

    I’m still having problems changing the default font color and the background color. Can someone point me to the exact codes and on which lines? The link is: http://www.mmra-global.org/

    thanks

    jooservices Friend
    #419022

    Hi
    For default font


    body {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #000000;
    font-family: Arial,Helvetica,sans-serif;
    line-height: 1.8;
    }

    template.css (line 20)
    http://www.mmra-global.org/templates/ja_nickel/css/template.css

    For background


    body#bd {
    background: url("../images/bg.gif") repeat-x scroll left top transparent;
    color: #666666;
    }

    template.css (line 27)

    Thank you
    Viet Vu

    merlien Friend
    #419155

    Hi Viet Vu,

    It seems like it has change the font color of the articles and not the menu text. How do I also change the font color of the menu text for both horizontal and vertical menu text?

    In addition, where can i find the code to change the background of the horizontal menu. I would like it to be #663399 color. And also all the BG of the module headings should be the same BG color as the menu horizontal bar.

    link: http://www.mmra-global.org

    jooservices Friend
    #419191

    Hi
    The code i gave you can also change font of menu . Actually on website often use 1-2 fonts only, just change font-size.
    ( please check my screenshot )

    #1. For menu background:


    #ja-mainnav .main {
    background: none repeat scroll 0 0 #663399;
    height: 40px;
    padding: 0;
    position: relative;
    }
    template.css (line 897)

    Please change color of background code.

    #2. For module heading


    div.moduletable h3, div.moduletable_text h3, div.moduletable_menu h3 {
    background: none repeat scroll 0 0 red;
    border-bottom: 1px solid #DDDDDD;
    color: #333333;
    letter-spacing: 0.5px;
    margin: 0 0 10px;
    padding: 2px 0 5px;
    }
    template.css (line 665)

    Change background code as you want

    Thank you
    Viet Vu


    1. 10-14-2011-7-46-50-AM
    merlien Friend
    #419405

    Hi, the changes that you suggest have made it worse.

    The violet blue background disappeared.

    For the horiztontal menu – I want the background of the menu to be #663399 (Violet blue) and the fonts in WHITE, whether there is a mouse hovering it or not. At this moment, the font is grey when not hovered. I would like it to be white.

    For the Module headings. The background remains black. the code doesn’t seem to work.

    Please advice.

    jooservices Friend
    #419417

    Hi
    For better understand please give me a screenshot how will menu look so i can give you correct code.
    Thank you
    Viet Vu

    merlien Friend
    #419419

    Please see attached illustration. Basically, I want to change the color scheme to violet color – #663399


    1. mmra_explain2
    jooservices Friend
    #419420

    #ja-mainnav .main {
    background: none repeat scroll 0 0 #663399;
    height: 40px;
    padding: 0;
    position: relative;
    }
    template.css (line 897)

    #ja-cssmenu li a {
    color: white;
    font-size: 100%;
    text-decoration: none;
    text-transform: uppercase;
    }
    ja.cssmenu.css (line 87)

    #ja-col2 div.moduletable h3, #ja-col2 div.moduletable_text h3, #ja-col2 div.moduletable_menu h3 {
    background: none repeat scroll 0 0 #663399;
    border-bottom: 1px solid #222222;
    color: #FFFFFF;
    margin: 0 -1px;
    padding: 10px;
    }
    template.css (line 738)

    Please try w/ above code.

    Note: modules title are using Cufont that can’t change color via css.

    Thank you
    Viet Vu

    merlien Friend
    #419423

    Please advise the necessary steps to change the color of the menu title See attached.


    1. mmra_explain10
    jooservices Friend
    #419468

    Those text use Cufon, in order to change the color, I need to check your code so please PM me your FTP account. Or you can change to use Webfont or Google Font that would be easier to use.

    Thanks
    Viet Vu

    merlien Friend
    #419881

    Hi, i have already PM the FTP details to you but got no response. Could you pls advice the next step how i can change the fonts?

    TomC Moderator
    #419884

    Just to add a suggestion here – with regard to manipulating fonts . . .

    cufon is really a “dead” method these days. I would recomment utilizing [URL=http://www.joomlart.com/forums/topic/how-to-use-fontface-for-alternative-fonts/

    merlien Friend
    #419886

    The problem is, i am a “DEAD” beginner/newbie, so i need step by step help in changing the fonts. If there are any detail info, please send over. Thanks

    TomC Moderator
    #419889

    <em>@merlien 276593 wrote:</em><blockquote>The problem is, i am a “DEAD” beginner/newbie, so i need step by step help in changing the fonts. If there are any detail info, please send over. Thanks</blockquote>
    Whether it is I or Viet who asists you further, we will both need for you to go into your Template Manager (within your site administration) and set “Optimize CSS” to “No” – while we continue to work with you.

    You can switch it back when we’re all done.

    😎

    merlien Friend
    #419891

    I was at the template manager. There isn’t any buttons to switch CSS optimise to No. I am using J1.5 JA Nickel.

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

This topic contains 16 replies, has 3 voices, and was last updated by  TomC 12 years, 8 months ago.

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