Joomla Templates Club 406,261 posts

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

#170711

Hi,
I was making some modifications, started with THIS thread with great help from Khond.

Now, i want to change the background color for the area contains ( sl1-l & sl1-r) positions.
I want to change the background color to the area appears in snapshot (01) to the background image appears in snapshot (02).

Which CSS file to modify?
What CSS-code to modify or add?

Regards.

---

Attachments:

1. 
2. 

[himangi Friend himangiJoin date: April 2011Posts: 1406Downloads:1Uploads:86 Thanks: 21 Thanked: 345 times in 332 posts]

#424706

Hi,

Can you please post your site url here and clarify if you want to remove the background containing grey clanted lines and have a light green background instead?

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

#424710

I’m working on localhost
I want to change the areas ( in green ) in snapshot 01 to the same background image in snapshot 02.

Regards

[himangi Friend himangiJoin date: April 2011Posts: 1406Downloads:1Uploads:86 Thanks: 21 Thanked: 345 times in 332 posts]

#424717

Hi,

Try the following and the white background will be changed to the grey lined background for the modules between top menu and the main content area.

Edit template.css file and find
<blockquote>#ja-topsl1 .main {
padding: 0px;
}</blockquote>

Replace above styling with the following, save the css file and see if it gives you result as you want.
<blockquote>#ja-topsl1 .main {
padding: 0px;
background: url(‘../templates/ja_teline_iv/images/stripe-bg-2.png’) #DDD;
}</blockquote>

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

#424720

The background has been changed, Nice,
but, the background image covered the areas on the right and left of the template.

I want to limit the change to JUST the boarders of the sl1-r & sl1-l.
How to do that?
Regards

[himangi Friend himangiJoin date: April 2011Posts: 1406Downloads:1Uploads:86 Thanks: 21 Thanked: 345 times in 332 posts]

#424827

Could you please send a screenshot of the result you got using the styling change I suggested and the actual result you are expecting? I am asking for screenshots because when you say you need the grey lined image just for the borders of sl1-r and sl1-l, it is actually the same area where the background is shown with my solution..

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

#424832

Hi himangi, you are right.
I’ve used the css-code and changed the background colors to sl1-r & al1-l.

But there is right & left area around the whale template that have costume color.
I’ve added this costume color through the link in the first post in this thread.

When I applied your code, my costume color have changed.

I’m in work now, I’ll try to get snapshot ASAP.

Is it related to the order of css-code lines ?

Regards

[himangi Friend himangiJoin date: April 2011Posts: 1406Downloads:1Uploads:86 Thanks: 21 Thanked: 345 times in 332 posts]

#424837

Hi

I am sorry I am still not sure what you are trying to explain exactly. So I will wait for your screenshot and will get back to you once i see it.

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

#424868

Hi sir,
Ive attached snapshot.
Hope it help.

The idea: i want to expand the blue color ( in the right and left wrapper of the template ) instead of the gray background image.
and keep the gray background image to the ( sl1-r & sl1-l ) positions.

Regards

---

Attachments:

1. 

[himangi Friend himangiJoin date: April 2011Posts: 1406Downloads:1Uploads:86 Thanks: 21 Thanked: 345 times in 332 posts]

#424890

Hi,

Please see the attached screenshot where i have applied a blue background to the wrapper. Tell me if you are trying to achieve the same then I can tell you the specific change for that.

---

Attachments:

1. 

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

#424943

Hi,
Nice sir, i want the blue background color of the wrapper to overwrite any internal backgrounds.
I’ve attached new image, hope it could clarify more.

I’ve question: Is this case related to the order of the css-lines in the file?
( means the previous lines override the lines after it ! ? )

Regards

---

Attachments:

1. 

[himangi Friend himangiJoin date: April 2011Posts: 1406Downloads:1Uploads:86 Thanks: 21 Thanked: 345 times in 332 posts]

#425067

Try editing template.css, find styling for #ja-topsl and add background: blue; or a color code instead of blue. It will give background color on the left and right of the sl1-l & sl1-r positions, keeping remaining background of the page to its original..

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

#425140

Hi
I didn’t find #ja-topsl in the template.css file…!
How can i solve this issue?
Regards

[himangi Friend himangiJoin date: April 2011Posts: 1406Downloads:1Uploads:86 Thanks: 21 Thanked: 345 times in 332 posts]

#425181

If it is not in the template.css,
I am not sure where it will be but you can just add #topsl {background:#29739D;} in the template.css and see if that achieves what you want. If you need further assistance with this, kindly try to upload your site on some live server where I can see the site and give you solutions. It is a bit difficult to understand what you need by looking at screenshots only.

[Author]

Posts