Joomla Templates Club 406,261 posts

[tilt Friend tiltJoin date: December 2013Posts: 15Downloads:0Uploads:0 Thanks: 5 Thanked: 1 times in 1 posts]

#192808

Hello
I just discovered joomla and I have trouble to configure the background and the JA news module.
I would like background in black and in the news module, it is three horizontal sections with “read more” but I can’t do it
myself.
Anybody can help me ?
Thank you

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#514812

The your template is using JA Norite Template and not JA Business Template. You can send me the screenshot what module do you need to add background? I will help you to do that.

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#514821

If you’re referring to wanting a black background for your whole site, then here is what you can do . . .

Within file path –> /travel-team/templates/ja_norite/css/template.css
at line 15, you will see the following:


body, body#bd {
background: none repeat scroll 0 0 #202020
color: #C5C5C5
font-family: "Lucida Grande",Arial,Helvetica,sans-serif;
line-height: 1.6;
}

Change the color code for the background to the code for black, or #000000 – as follows:


body, body#bd {
background: none repeat scroll 0 0 #000000;
color: #C5C5C5
font-family: "Lucida Grande",Arial,Helvetica,sans-serif;
line-height: 1.6;
}

You will also need to modify the background for the header, as follows:

Within same file path –> /travel-team/templates/ja_norite/css/template.css
at line 1869, you will see the following:


.ja-home #ja-header {
background: url("../images/header-bg.gif") repeat-x scroll left top rgba(0, 0, 0, 0);
}

Bear in mind that the background for the header is actually an image (gif), but you can change it to a solid black color, as follows:


.ja-home #ja-header {
background: none repeat scroll 0 0 #000000;
}

You will then need to change the background for the footer, as follows:

Same file path –> /travel-team/templates/ja_norite/css/template.css
at line 1627, you will see the following:


#ja-footer {
background: none repeat scroll 0 0 #1A1A1A
color: #555555
padding: 20px 0;
}

As with the two examples above, change the color code for the background color to the code for solid black – as follows:


#ja-footer {
background: none repeat scroll 0 0 #000000;
color: #555555
padding: 20px 0;
}

Hope That Helps.

If you were wanting something different, please specify.

😎

1 user says Thank You to TomC for this useful post

1. phong nam

[Author]

Posts