Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • Balaji Ramanathan Friend
    #156205

    Could somebody please help me to reduce the footer background color as in menu (top). Please see the screenshot. Red arrows pointed area should be removed and footer background should span as in top menu.

    Please…
    [/URL]

    aman204 Friend
    #362103

    Try remove this property::

    #ja-footer {template.css (line 478)
    background:none repeat scroll 0 0 #252525; >> remove
    padding:0;
    }

    Balaji Ramanathan Friend
    #362111

    Thanks,
    Where is this file located? I tried few template.css in different folders in rave>blocks> etc

    Couldn’t find.

    aman204 Friend
    #362120

    <em>@drb07 202613 wrote:</em><blockquote>Thanks,
    Where is this file located? I tried few template.css in different folders in rave>blocks> etc

    Couldn’t find.</blockquote>

    Here is the css file location where this edit is to be done::

    /templates/ja_rave_new/css/template.css

    Balaji Ramanathan Friend
    #362140

    That’s really weird. In that file, I am not seeing that code at all. At 478 line it shows modules and stuff.

    And these are the following codes for footer from line: 951

    #ja-footer {

    padding: 0px;

    background: #252525;

    }

    #ja-footer .main {

    color: #666;

    padding: 10px 0px 25px 0px;

    position: relative;

    text-align: center;

    background: #252525;

    position: relative;

    }

    #ja-footer .ja-copyright {

    border-top: solid 5px #333;

    margin: 0px 15px;

    padding: 15px 0px 0px;

    position: relative;

    }

    #ja-footer .ja-copyright div.bannergroup {

    display: none;

    }

    #ja-footer .ja-copyright small {

    text-align: left;

    color: #aaa;

    }

    #ja-footer .ja-copyright a { color: #aaa;}

    #ja-footer .ja-copyright a:hover { color: #9a2016;}

    #ja-poweredby {

    position: absolute;

    right: 15px;

    display: block;

    top: 25px;

    text-indent: -3000px;

    }

    #ja-footer .ja-footnav { margin: 0px 15px; clear: left;}

    .ja-footnav ul { float: left; margin-left: -10px;}

    .ja-footnav ul li {

    background: url(../images/line-footer.gif) no-repeat left center;

    padding: 0px 10px;

    }

    .ja-footnav ul li a {

    color: #888;

    }

    .ja-footnav ul li a:hover {

    color: #9a2016;

    }

    aman204 Friend
    #362143

    Here is the reference::

    #ja-footer {

    padding: 0px;

    background: #252525;

    }

    The above reference was given from firebug(link to this firefox addon in my signature). Other way, Both references are termed to be same 🙂

    Balaji Ramanathan Friend
    #362173

    Awesome!! It worked.

    If you don’t mind, could you please help further.
    I see a break/space inbetween the footer and main body. (arrows pointing in the picture). How can flush it with the body (avoid space).

    [/URL]

    Thanks so much,

    drb

    Phill Moderator
    #362179

    Is there any chance you can post a link either here or via PM? I am struggling to find that part from the demo.

    Balaji Ramanathan Friend
    #362185

    I just PM’d you. TIA.

    drb

    Phill Moderator
    #362187

    In templates.css around line 807 you will find the following


    #ja-footer {
    clear:both;
    padding:20px 0;

    }

    Adjust the figure in red as required.

    Balaji Ramanathan Friend
    #362202

    I am faced with the same issue again. I can’t see that code. Only thing that I see now is:


    /* Footer ---*/

    #ja-footer .main {

    color: #666;

    padding: 10px 0px 25px 0px;

    position: relative;

    text-align: center;

    background: #252525;

    position: relative;

    }

    #ja-footer .ja-copyright {

    border-top: solid 5px #333;

    margin: 0px 15px;

    padding: 15px 0px 0px;

    position: relative;

    }

    #ja-footer .ja-copyright div.bannergroup {

    display: none;

    }

    #ja-footer .ja-copyright small {

    text-align: left;

    color: #aaa;

    }

    #ja-footer .ja-copyright a { color: #aaa;}

    #ja-footer .ja-copyright a:hover { color: #9a2016;}

    #ja-poweredby {

    position: absolute;

    right: 15px;

    display: block;

    top: 25px;

    text-indent: -3000px;

    }

    #ja-footer .ja-footnav { margin: 0px 15px; clear: left;}

    .ja-footnav ul { float: left; margin-left: -10px;}

    .ja-footnav ul li {

    background: url(../images/line-footer.gif) no-repeat left center;

    padding: 0px 10px;

    }

    .ja-footnav ul li a {

    color: #888;

    }

    .ja-footnav ul li a:hover {

    color: #9a2016;

    }

    I played with the above code and couldn’t find the solution. Sorry being quite naive.

    drb

    Phill Moderator
    #362326

    Please zip and PM me your template.css file

    Phill Moderator
    #362334

    Ahh, you were looking at the wrong template.css file

    Look at this one – plugins/system/jat3/base-themes/default/css/template.css

    I think you can add the code I suggested to your usual template.css file and it will override the above but I have not tested to be sure.

    Balaji Ramanathan Friend
    #362338

    Thanks a million for lightening reply.

    It solved the issue.

    drb

    Phill Moderator
    #362344

    Pleasure, good luck with your site.

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

This topic contains 15 replies, has 3 voices, and was last updated by  Phill 14 years ago.

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