Joomla Templates Club 406,261 posts

[icbl Friend icblJoin date: December 2010Posts: 242Downloads:0Uploads:28 Thanks: 86 Thanked: 7 times in 1 posts]

#166586

I know how to chnage template colour from profiles but I wanna play with colour tonnes. Where is the codes to play with colour codes? Please refer the screen shot below.
Regards

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#402445

Change all Color Coding as you wish.

Color D:

/templates/ja_social/css/template.css

replace this code

body#bd { background: url(../images/header-bg2.gif); color: #333; }
With

body#bd { background: #111111; color: #333; }
Color C:

/templates/ja_social/css/template.css

replace this code

#ja-navhelper { background: url(../images/trans-bg.png); }
With

#ja-navhelper { background: #FF0000; }
Color E:

/templates/ja_social/css/template.css

replace this code

#ja-container {
background: url(../images/container-bg.gif) repeat-x left top #d6e4ec;
padding-bottom: 20px;
}

With

#ja-container {
background: #999999;
padding-bottom: 20px;
}


Color B:

/templates/ja_social/css/template.css

replace this code

#ja-mainnav { background: url(../images/trans-bg.png); border-top: 1px solid #4FAED2; }

With

#ja-mainnav {
background: #FF0000;
border-top: 1px solid #FF0000;

}

Color A:

/templates/ja_social/css/template.css

replace this code

#ja-header { border-top: 1px solid #4FAED2; margin-top: 29px; z-index: 13; }

With

#ja-header {
background: #333333;
border-top: 1px solid #333333;
margin-top: 29px;
z-index: 13;

}

For Top bar:
replace this code


#ja-topbar {
border-bottom: 1px solid #2985A8;
color: #BAE1EF;
font-size: 11px;
position: absolute;
top: 0;
z-index: 16;
background: url(../images/header-bg2.gif);
}

With


#ja-topbar {
background: #FF0000;
border-bottom: 1px solid #FF0000;
color: #BAE1EF;
font-size: 11px;
position: absolute;
top: 0;
z-index: 16;
}

Note: If you Find my Post useful please click on the Thanks Icon

1 user says Thank You to chavan for this useful post

1. icbl

[icbl Friend icblJoin date: December 2010Posts: 242Downloads:0Uploads:28 Thanks: 86 Thanked: 7 times in 1 posts]

#402490

Awesome.

Thanks very much Chavan. 🙂

[raroit Friend raroitJoin date: September 2010Posts: 38Downloads:2Uploads:17 Thanks: 3 Thanked: 2 times in 1 posts]

#532581

I want to add a classic colour to the template, for example white background, light grey header area, darker grey footer area and dark grey lettering

Can i use the above for ja social 3x?

Can you point me in the right direction

thanks

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#532594

Do you want a layout something like the attached image below

---

Attachments:

1. 

[raroit Friend raroitJoin date: September 2010Posts: 38Downloads:2Uploads:17 Thanks: 3 Thanked: 2 times in 1 posts]

#532790

the attached picture is good – suggestion, module-outline and column-outline same colour as footer – top-menu and module-headers should be dark grey (not black), maybe same as nav-bar

Also – how can i add more more names on the main-menu (Top), A new client wants 8 names for example:
About us
Members
News
Resources
Gallery
Project progress
Tendering
Contact Us

i’ve tried magic tool in template but that only zoom’s the template – not give you more space on main menu

thanks

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#532795

can you please post your site Url and admin details in PM

[raroit Friend raroitJoin date: September 2010Posts: 38Downloads:2Uploads:17 Thanks: 3 Thanked: 2 times in 1 posts]

#532936

Hi Chavan

This project is in concept stage – i’m in the Cook Islands with a really slow internet so i’m forced to work on MAMP until project is ready to upload

I’m using ja social 3

thanks

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#532939

then please post the exact screenshot of your local site now and also indicate which part to change to which color in the screenshot. this will help us provide css fix easily.

[Author]

Posts