Joomla Templates Club 406,261 posts

[diatribe Friend diatribeJoin date: August 2011Posts: 39Downloads:0Uploads:2 Thanks: 16]

#171633

For the homepage – I am using JA News FP (headline theme) and also blue theme for the overall Teline template.

In JA News FP – the headline displays in blue, and the text in black.

How can I change both to white?

http://www.11mx.com/ja-news-fp.jpg

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

#428866

Can you please provide the url for the site you’re working on?

Also, please set “Optimze CSS” to “No” within your Template Manager–>General Settings

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

#428873

For the HEADLINE . . . .

Open your template.css file (within path /templates/ja_teline_iv/css/template.css)

at line 25, you will see the following . . .

/* Normal links ---*/
a { color: #069; text-decoration: none; }


a:visited { color: #069; }


[FONT=arial]change to . . .


/* Normal links ---*/
a { color: #fff; text-decoration: none; }

a:visited { color: #fff; }


For the article except text . . . .

Same template.css file – at line 36 . . .

/* Content spacing ---*/
.column p, .column pre, .column blockquote,
.column h1, .column h2, .column h3, .column h4, .column h5, .column h6,
.column ol, .column ul, .column dl { margin: 15px 0; padding: 0; }


Change to . . .


/* Content spacing ---*/
.column p, .column pre, .column blockquote,
.column h1, .column h2, .column h3, .column h4, .column h5, .column h6,
.column ol, .column ul, .column dl { margin: 15px 0; color: #fff; }


SAVE CHANGES …. CLEAR CACHE … REFRESH PAGE

Let me know if this works for you.
[/FONT]

1 user says Thank You to TomC for this useful post

1. diatribe

[diatribe Friend diatribeJoin date: August 2011Posts: 39Downloads:0Uploads:2 Thanks: 16]

#428878

Thanks Tom. Here is the outcome:

The following worked in path /templates/ja_teline_iv/css/template.css on line 25
/* Normal links —*/ a { color: #fff; text-decoration: none; } a:visited { color: #fff; }

The following code could not be located in entire document of path /templates/ja_teline_iv/css/template.css
/* Content spacing —*/ .column p, .column pre, .column blockquote, .column h1, .column h2, .column h3, .column h4, .column h5, .column h6, .column ol, .column ul, .column dl { margin: 15px 0; padding: 0; }

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

#428880

<em>@diatribe 288139 wrote:</em><blockquote>
The following code could not be located in entire document of path /templates/ja_teline_iv/css/template.css
/* Content spacing —*/ .column p, .column pre, .column blockquote, .column h1, .column h2, .column h3, .column h4, .column h5, .column h6, .column ol, .column ul, .column dl { margin: 15px 0; padding: 0; }</blockquote>

My apologies . . . here is the correct path for this element –> /plugins/system/jat3/base-themes/default/css/template.css

For the article except text . . . .

at line 36 . . .

/* Content spacing ---*/
.column p, .column pre, .column blockquote,
.column h1, .column h2, .column h3, .column h4, .column h5, .column h6,
.column ol, .column ul, .column dl { margin: 15px0; padding: 0; }


Change to . . .


/* Content spacing ---*/
.column p, .column pre, .column blockquote,
.column h1, .column h2, .column h3, .column h4, .column h5, .column h6,
.column ol, .column ul, .column dl { margin: 15px0; color: #fff; }


SAVE CHANGES …. CLEAR CACHE … REFRESH PAGE

Let me know if this works for you.

1 user says Thank You to TomC for this useful post

1. diatribe

[diatribe Friend diatribeJoin date: August 2011Posts: 39Downloads:0Uploads:2 Thanks: 16]

#428883

Thanks again Tom. Both edits worked but both had consequences. Now titles and body text do not display on the blog and landing pages.

I assume that changing the heading and blurb to white in JA News FP would need its own style, so that the other elements could remain intact.

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

#428889

Sheesh . . . those modifications messed up other elements? :((

Tell you what, here is a tool many of us use to investigate and identify many css and other code issues –> [URL=http://www.joomlart.com/forums/topic/using-firebug-to-customize-your-site/

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

#428890

<em>@diatribe 288144 wrote:</em><blockquote>
I assume that changing the heading and blurb to white in JA News FP would need its own style, so that the other elements could remain intact.</blockquote>
Very possibly … You can try looking (and experimenting/trial-and-error) within the following files . . .

templatesteline_ivmodulesmod_janews_featuredtmpldefaultstyle.css

templatesteline_ivmodulesmod_janews_featuredtmpldefaultblog.css

templatesteline_ivmodulesmod_janews_featuredtmplheadlinestyle.css

templatesteline_ivmodulesmod_janews_featuredtmplheadlineblog.css

[diatribe Friend diatribeJoin date: August 2011Posts: 39Downloads:0Uploads:2 Thanks: 16]

#429688

<em>@TomC 288151 wrote:</em><blockquote>templatesteline_ivmodulesmod_janews_featuredtmpldefaultstyle.css </blockquote>
Tried this but could not figure it out

<em>@TomC 288151 wrote:</em><blockquote> templatesteline_ivmodulesmod_janews_featuredtmpldefaultblog.css </blockquote>
I could only find blog.php

<em>@TomC 288151 wrote:</em><blockquote> templatesteline_ivmodulesmod_janews_featuredtmplheadlinestyle.css </blockquote>
This was the first place I tried before coming to forum. I tried this so many times but does not seem to have affect.

<em>@TomC 288151 wrote:</em><blockquote> templatesteline_ivmodulesmod_janews_featuredtmplheadlineblog.css </blockquote>
I could only find blog.php

Thanks for this advice Tom. This is really bumming me out as this is the last style tweak we need to get done. But seems really difficult.

[Author]

Posts