Joomla Templates Club 406,261 posts

[mindnature Friend mindnatureJoin date: October 2008Posts: 4Downloads:0Uploads:3 Thanks: 3]

#166814

how to change font colour, frame colour and background colour of news front page module? please check the picture attached for clear illustration?
1. news front page module frame. need to remove gray pattern to gold or lime pattern.

2. change background gray colour to white colour.

3. change black front to blue font .

Thanks a lot

---

Attachments:

1. 

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

#403470

<em>@mindnature 256182 wrote:</em><blockquote>how to change font colour, frame colour and background colour of news front page module? please check the picture attached for clear illustration?
1. news front page module frame. need to remove gray pattern to gold or lime pattern.

2. change background gray colour to white colour.

</blockquote>

Hi,
You change this code from /templates/ja_teline_iv/html/mod_janews_featured/default/style.css

.ja-zinfp {
background: url(../../../images/dot5px.gif) repeat-x top #F0F0F0; < change this line
border: 1px solid #CCC;
border-left: 0;
border-top: 0;
margin-right: 4px;
padding: 4px 0 0 0;
}

2 users say Thank You to khoand for this useful post

1. mindnature
2. Rusell Cerrato

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

#403472

<em>@mindnature 256182 wrote:</em><blockquote>
3. change black front to blue font .

</blockquote>

You find this code from /templates/ja_teline_iv/html/mod_janews_featured/default/style.css in the line #77, #114

.ja-zinfp-featured .ja-zincontent p {
line-height: 1.5;
margin: 0 0 8px;
padding: 2px 12px;
color: blue; < add this line
}

.ja-zinfp-normal .ja-zinintro p {
color: blue; < add this line
}

2 users say Thank You to khoand for this useful post

1. mindnature
2. Rusell Cerrato

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

#403484

@mindnature . . . .

Just out of curiosity . . . which web browser do you primarily use?

I only ask because, if you use FireFox, you really should use the FIREBUG add-on tool –> http://getfirebug.com/

It is an invaluable tool in helping to finding which (and where) CSS rules/classes control various elements in any given website/template. You can even perform WYSIWTG modifications though the tool and see what it will look like before you commit the changes to your actual css files and server.

If you use another browser, I am quite sure there are similar tools available for the particular browser.

Just a suggestion for a tool that can seriously assist you as you continue to customize your site. 😎

1 user says Thank You to TomC for this useful post

1. Rusell Cerrato

[mindnature Friend mindnatureJoin date: October 2008Posts: 4Downloads:0Uploads:3 Thanks: 3]

#403491

Dear khoand:
Thanks a lot for quick and right guide. Following your guides, I did it.
Best regards

Mindnature

[Author]

Posts