Joomla Templates Club 406,261 posts

[gdaloiso Friend gdaloisoJoin date: August 2008Posts: 7Downloads:0Uploads:2 Thanks: 2]

#158954

hi all
how to change the background color in ja news frontpage for Teline IV. The theme selected is: default.

thank for attention

bye

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

#372522

Can you post a screenshot detailing exactly which part of the background. you wish to change?

Or you could use Firebug – http://getfirebug.com/

If you use that switch off css compression first.

[gdaloiso Friend gdaloisoJoin date: August 2008Posts: 7Downloads:0Uploads:2 Thanks: 2]

#372691

color background of main notice in the module.

thanks for your interesting

bye

---

Attachments:

1. 

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

#372710

The background colour is made up of a number of elements bus all are in templates>ja_teline_IV>html>mod_janews_fp>default>style.css
from line 54 to line 90ish. There are border colours, background colours
and a different blue colour of the on-mouseover effect. Should be simple to style


.ja-zinfp-featured h2.ja-zintitle a {
background: none repeat scroll 0 0 #00000;
border-bottom: 1px solid #CCCCCC;
color: #CCCCCC;
display: block;
padding: 8px 12px;
text-decoration: none;

}

.ja-zinfp-featured-border:hover h2.ja-zintitle a, .ja-zinfp-featured h2.ja-zintitle a:hover, .ja-zinfp-featured h2.ja-zintitle a:active, .ja-zinfp-featured h2.ja-zintitle a:focus {
background: none repeat scroll 0 0 #006699;
color: #FFFFFF;

}

.ja-zinfp-featured .ja-zincontent-wrap {

}

.ja-zinfp-featured .ja-zincontent {
margin: 0;
padding: 0 0 8px;

}

.ja-zinfp-featured .ja-zincontent-img {
background: none repeat scroll 0 0 #000000;
border-color: #000000 #000000 -moz-use-text-color;
border-style: solid solid none;
border-width: 5px 5px 0;
margin: 0;
overflow: hidden;

}

.ja-zinfp-featured-border:hover .ja-zincontent-img {
background: none repeat scroll 0 0 #006699;
border-color: #006699;

}

2 users say Thank You to Phill for this useful post

1. gdaloiso
2. guap

[gdaloiso Friend gdaloisoJoin date: August 2008Posts: 7Downloads:0Uploads:2 Thanks: 2]

#372763

thank you very much

it works fine

bye

[brutus315 Friend brutus315Join date: January 2011Posts: 2Downloads:0Uploads:0]

#376445

<em>@phill luckhurst 216136 wrote:</em><blockquote>The background colour is made up of a number of elements bus all are in templates>ja_teline_IV>html>mod_janews_fp>default>style.css
from line 54 to line 90ish. There are border colours, background colours
and a different blue colour of the on-mouseover effect. Should be simple to style


.ja-zinfp-featured h2.ja-zintitle a {
background: none repeat scroll 0 0 #00000;
border-bottom: 1px solid #CCCCCC;
color: #CCCCCC;
display: block;
padding: 8px 12px;
text-decoration: none;

}

.ja-zinfp-featured-border:hover h2.ja-zintitle a, .ja-zinfp-featured h2.ja-zintitle a:hover, .ja-zinfp-featured h2.ja-zintitle a:active, .ja-zinfp-featured h2.ja-zintitle a:focus {
background: none repeat scroll 0 0 #006699;
color: #FFFFFF;

}

.ja-zinfp-featured .ja-zincontent-wrap {

}

.ja-zinfp-featured .ja-zincontent {
margin: 0;
padding: 0 0 8px;

}

.ja-zinfp-featured .ja-zincontent-img {
background: none repeat scroll 0 0 #000000;
border-color: #000000 #000000 -moz-use-text-color;
border-style: solid solid none;
border-width: 5px 5px 0;
margin: 0;
overflow: hidden;

}

.ja-zinfp-featured-border:hover .ja-zincontent-img {
background: none repeat scroll 0 0 #006699;
border-color: #006699;

}

</blockquote>

is it possible to point out exactly which line and numbers need to be changed ?

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

#376457

You will need to work that out for yourself depending on what you want changing. There are only a few lines there with all the edits to the colours wherever you see a #xxxxxx you replace it with the colour code of your choice. Some may choose to use background images instead to the code would be different again. Use the Firebug extension for Firefox to experiment.

[Author]

Posts