Change background colour of User Module area and Breadcrumbs

Forums    Joomla Templates Club    JA Events    Change background colour of User Module area and Breadcrumbs
Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • rwjoomlart Friend
    May 29, 2011 at 5:03 am #164572

    How do change the backgound colour of the Users Module and Breadcrumbs. Currently using JA Events Red theme so they are variations of red but I want these areas to be black and grey like the black template.

    khoand Friend
    May 29, 2011 at 6:43 pm #393443

    Hi,
    – Open /templates/ja_events/core/themes/red/css/color.css file
    – Replace this code


    #ja-navhelper {
    background: #B63333;
    color: #F1BBBB;
    }

    with


    #ja-navhelper {
    background: #3A3A3A;
    color: #999;
    }
    – you replace this code


    #ja-botsl2, #ja-botsl3 {
    background: #D03131;
    color: #F1BBBB;
    }
    with

    #ja-botsl2, #ja-botsl3 {
    background: #3F3F3F;
    }

    rwjoomlart Friend
    May 30, 2011 at 3:13 am #393476

    Thanks so far. That seemed to have changed the home page but when I navigate to another page, the red band reverts – is there somewhere else I need to make this change?

    Also, how do you change the colour of the red band that has been left at the top of user module to green “b6be00” and change the font and dotted line in the user modules from pink to white.

    And how do you change the colour of the background behind “Popular” title from red to green b6be00″.

    1. colours
    pritam Friend
    May 30, 2011 at 6:30 am #393506

    Hello,

    To Change background colour of User Module area and Breadcrumbs,To change the colour of the background behind “Popular”

    Can you provide your site url.But first go into the template manager and set css optimiation to “No” so we can see the correct files to modify and not the compressed version.

    rwjoomlart Friend
    May 30, 2011 at 6:43 am #393507

    http://www.girlsbustout.com.au/index.php

    pritam Friend
    May 30, 2011 at 7:14 am #393513

    Hello,

    To change the colour of the background behind “Popular”
    you need to goto templates/ja_events/core/themes/red/css/color.css at line no.162

    Find this code :-

    #ja-botsl2 div.ja-moduletable h3 span, #ja-botsl3 div.ja-moduletable h3 span {
    background: none repeat scroll 0 0 #B92D2D;
    }

    Change this code to:-

    #ja-botsl2 div.ja-moduletable h3 span, #ja-botsl3 div.ja-moduletable h3 span {
    background: none repeat scroll 0 0 #B6BE00;
    }

    To change the colour of the red band that has been left at the top of user module to green “b6be00” and change the font and dotted line in the user modules from pink to white. Please specify the place where you want to change .

    rwjoomlart Friend
    May 30, 2011 at 7:28 am #393516

    Please All Pages.

    pritam Friend
    May 30, 2011 at 7:36 am #393519

    Hello,

    Can you please tell me which module or place you want to change the color .

    rwjoomlart Friend
    May 30, 2011 at 7:42 am #393522

    Almost there. So now how do I change the red peice to green on this background. Please see image.

    1. button
    rwjoomlart Friend
    May 30, 2011 at 7:55 am #393527

    How do you change the colour of the red band that has been left at the top of user module to green “b6be00”. The red line appears to be between module positions “bottom.bot-banner” and “bottom.botsl2”.

    Sorry I used the word font when I should have said text colour. So the question should be…

    How do you change the colour of the text and dotted line in the user modules from pink to white. The text and dotted line is within modules user 6-10 and user 11-15.

    Also, where do you change the colour of TOP in the breadcrumbs? I would like it to be white text.

    1. top
    rwjoomlart Friend
    May 31, 2011 at 11:39 am #393850

    can anyone help?

    khoand Friend
    May 31, 2011 at 4:41 pm #393928

    <em>@rwjoomlart 243435 wrote:</em><blockquote>Almost there. So now how do I change the red peice to green on this background. Please see image.</blockquote>
    You change http://www.girlsbustout.com.au/templates/ja_events/core/themes/red/images/botsl2-title.gif image

    khoand Friend
    May 31, 2011 at 4:48 pm #393930

    Also, where do you change the colour of TOP in the breadcrumbs? I would like it to be white text.

    You find this code from templatesja_eventscorethemesredcsscolor.css file


    a {
    color: #D03131; < change this value to white
    }

    khoand Friend
    May 31, 2011 at 4:53 pm #393932

    How do you change the colour of the red band that has been left at the top of user module to green “b6be00”. The red line appears to be between module positions “bottom.bot-banner” and “bottom.botsl2”.

    You find this code from templatesja_eventscorethemesredcsscolor.css file


    #ja-bot-banner {
    background: url('/templates/ja_events/core/themes/red/images/botsl-bg.png') repeat-x center bottom;
    border-bottom: 4px solid #B63333; < change this value to #b6be00
    }

    khoand Friend
    May 31, 2011 at 5:00 pm #393934

    How do you change the colour of the text and dotted line in the user modules from pink to white. The text and dotted line is within modules user 6-10 and user 11-15.

    You find code from templatesja_eventscorethemesredcsscolor.css file

    #ja-botsl2 div.ja-moduletable ul li, #ja-botsl3 div.ja-moduletable ul li {
    border-bottom: 1px dotted #F1BBBB; < change this value to white
    }


    #ja-botsl2 a, #ja-botsl3 a {
    color: #F1BBBB;< change this value to white
    }

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 15 total)

This topic contains 15 replies, has 3 voices, and was last updated by  khoand 13 years, 5 months ago.

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

Important Notice :

New Unified Portal is live

Must Read

Jump to forum

Categories