Joomla Templates Club 406,261 posts

[khaiug Friend khaiugJoin date: August 2011Posts: 76Downloads:0Uploads:16 Thanks: 8]

#170403

Hi, I’m trying to make some modifications to the colors and styles in the template.
I’ve changed some in the ja-news-pro module, with the help of khond in this thread.

Now, I want to change the white background color behind the template, as appears in the attachment, case#1,
also, I want to change the lined-gray image, as appears in the attachment, case#2, to image i desire.

Also, how can i change the background color for the horizontal nav-menu from white to the color i desire?

Sorry for many questions.
Regards

---

Attachments:

1. 

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#423296

Case 1:
You add this code into /templates/ja_teline_iv/css/template.css


body#bd #ja-wrapper {
background: red;
}

Case 2: You find this code from template.css

#ja-container .main-inner1 {
background: url(../images/stripe-bg-2.png) #DDD; < change url to your image url
margin: 0;
padding: 2px;
}

1 user says Thank You to khoand for this useful post

1. khaiug

[khaiug Friend khaiugJoin date: August 2011Posts: 76Downloads:0Uploads:16 Thanks: 8]

#423306

Hi khond, thanks for reply
<em>@khoand 280939 wrote:</em><blockquote>Case 1:
You add this code into /templates/ja_teline_iv/css/template.css


body#bd #ja-wrapper {
background: red;
}

</blockquote>
When i add this code, or modify this code in line 21

background: #fff;
to
background: #red;
i get the same result,
but that comes as background to the horizontal nav-menu, to the top header, all template background.
I want different background color to the horizontal nav-menu, to the top header.
How to over come this?

UPDATE:
I’ve sent you url for example website.

Regards

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#423395

your code is not right.It’s right code (without #)

background:red;

I want different background color to the horizontal nav-menu, to the top header.

You add this code into /templates/ja_teline_iv/css/template.css


#ja-header {
background:white;
}


1 user says Thank You to khoand for this useful post

1. khaiug

[khaiug Friend khaiugJoin date: August 2011Posts: 76Downloads:0Uploads:16 Thanks: 8]

#423398

<em>@khoand 281070 wrote:</em><blockquote>your code is not right.It’s right code (without #)

background:red;
</blockquote>
You are right for this, generally i mean the color.

<em>@khoand 281070 wrote:</em><blockquote>You add this code into /templates/ja_teline_iv/css/template.css


#ja-header {
background:white;
}

</blockquote>
I’ll try the header modification, and come back

Regards

[khaiug Friend khaiugJoin date: August 2011Posts: 76Downloads:0Uploads:16 Thanks: 8]

#423399

<em>@khoand 281070 wrote:</em><blockquote>
You add this code into /templates/ja_teline_iv/css/template.css


#ja-header {
background:white;
}

</blockquote>
I’ve added it, it added background to all the site, except the header ( the area above the magazine menu ).

The magazine menu have the same color as the new background
I want other color for the magazine menu, other than the area under it, or over it.

Also, i want different color for the right and left areas around the template, NOT the template wrapper.

Regards

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#423421

To change background color of menu, you add this code into template.css


#ja-mainnav{
background:blue;}

Also, i want different color for the right and left areas around the template, NOT the template wrapper.

I don’t understand what you mean clearly? Could you give me a link to your website, please? When you change background of wrapper, it change color of left and right areas, and background of middle area is white. You can change background of middle area by add some css into template.css

1 user says Thank You to khoand for this useful post

1. khaiug

[khaiug Friend khaiugJoin date: August 2011Posts: 76Downloads:0Uploads:16 Thanks: 8]

#423439

Hi khond
Let’s go back to the 1st post in this thread, there is attachment have case#1 and case #2.

For case #2, OK

For case #1:
I applied the change you told me about, to change the background color for both right & left areas,
It’s OK, the colors changed, but also changer the background color to the header and magazine menu areas..!

You gave me code to change the header background color,
But the magazine menu still have the same background color, i want to change it.

( Three areas every one with different color: Right&Left , header, magazine menu[Wait] ) 🙂

Regards

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#423443

What is magazine menu? Because if magazine menu is menu (world, tech, …) you use code I gave you

#ja-mainnav{
background:blue;}
I tested the code on localhost. It’s OK.
If it isn’t thing you need, could you give me a snapshot with your annotation to illustrate your idea

[khaiug Friend khaiugJoin date: August 2011Posts: 76Downloads:0Uploads:16 Thanks: 8]

#423446

Nice,
It worked well

Thank you very much..
Regards

[Author]

Posts