Joomla Templates Club 406,261 posts

[jenny_velichkova Friend jenny_velichkovaJoin date: February 2009Posts: 10Downloads:1Uploads:2 Thanks: 7]

#157106

Where can I change this 2 colors (shown on the image, now #5494c9) – the first is the blue frame around the content and the second is the background of the right column ? I don’t want to make a custom color theme, only want to know where and which the css file is? I used Firebug , but I can’t see the name of the css. Thanks in advance.

---

Attachments:

1. 

[Hayden A Friend Hayden AJoin date: April 2010Posts: 282Downloads:0Uploads:20 Thanked: 54 times in 53 posts]

#365705

Dear jenny_velichkova

name of css that you changed this 2 colors templatesja_eventscsstemplate.css

If you want delete background blue frame around the content and the background of the right column then you open file templatesja_eventscsstemplate.css find line 498 and change it
#ja-container .main { padding: 0; }

[alexopas Friend alexopasJoin date: February 2006Posts: 2Downloads:0Uploads:0 Thanked: 1 times in 2 posts]

#366043

497 #ja-container .main-inner1 {
498 padding: 0 15px 15px;

Change to

#ja-container .main-inner1 {
padding: 0

1 user says Thank You to alexopas for this useful post

1. jenny_velichkova

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#366046

When using Firebug to find things like this it is best to go into the template setting and set optimize CSS to “No” (in the Global tab near the bottom) then clear your JAT3 cache.

If you use Firebug with compression/join enabled you will see missleading details regarding css files in firebug.

1 user says Thank You to Phill for this useful post

1. jenny_velichkova

[jenny_velichkova Friend jenny_velichkovaJoin date: February 2009Posts: 10Downloads:1Uploads:2 Thanks: 7]

#366192

Thanks about replies.
I did changes to template.css as follows:

#ja-container .main { padding: 0; background: #8b4f4f; //change color
}

#ja-container .main-inner1 {
padding: 0 15px 15px;
}

#ja-mainbody { background: #e9e2e2; } //change color

#ja-right1 {background: #e9e2e2;} //additional

Thank’s, phill luckhurst, this was very important for me.

[Author]

Posts