Joomla Templates Club 406,261 posts

[bett00 Friend bett00Join date: March 2007Posts: 28Downloads:0Uploads:4 Thanks: 3]

#126415

I could fix the css last week, but it is good to have your code here for all having the same issue.

Thank you

I installed the JA Dravity mod_ja_news to Teline, it works good but i have a question.

How can a fix the link css to newscat in the ja-news.css, i tried a lot of changes but nothing changes to similar with teline. (i tried to replace the ja-news to ja-news.ccs of teline)

Teline has the red block to newscat, but with ja_news 1.2 the link in the newscat turn into link css like a title of a news.

Or where can i change in the original ja-news.css to Ja Dravity

Since with the ja-news of teline (1.1.1) i have some problems. And i have waiting for a fix. :((

See the image, the red block in the EXAMPLE CATEGORY is replaced with the ccs (image category.png) as if it was a title link when really is a news category and it should be complete with a red (or blue etc) background and the font should be white as the image headline.png.

J1.5

Thanks

---

Attachments:

1. 
2. 

[Hung Dinh Friend Hung DinhJoin date: September 2014Posts: 4408Downloads:11Uploads:189 Thanks: 309 Thanked: 3310 times in 3 posts]

#241620

Bett, we have just updated Dravity with light versions and some bugs fixes for JA News, please upgrade to see if it solve your problem

[bett00 Friend bett00Join date: March 2007Posts: 28Downloads:0Uploads:4 Thanks: 3]

#241636

Thank you but the result is the same, i had to replace again the ja.news.css of teline, since in fact this new.ccs is for Dravity, therefore changes the fonts.

But the background in red is replaced again into dots because the link in the category, therefore overrides the original css (backgroung in red, font in white, hover in red font etc) to categories.

Betty

[Hung Dinh Friend Hung DinhJoin date: September 2014Posts: 4408Downloads:11Uploads:189 Thanks: 309 Thanked: 3310 times in 3 posts]

#241704

So you are using the Red version of JA Teline? so the css of JA news is declared in both ja_new.css and red.css in folder css/colors/ of the template, I do not have your URL but you may need to edit the following line in red.css


/* ja news
-----------------------------------------------------------*/
#jahl-newsitem {
background: #FFFFDE;
}

.ja-newscatwrap .hover .ja-newscat,
.ja-newsitem-left:hover .ja-newscat,
.ja-newsitem-center:hover .ja-newscat,
.ja-newsitem-right:hover .ja-newscat {
border-bottom: 3px solid #CC0000 !important;
}

.ja-newscatwrap .hover .ja-newscat span,
.ja-newsitem-left:hover .ja-newscat span,
.ja-newsitem-center:hover .ja-newscat span,
.ja-newsitem-right:hover .ja-newscat span {
background: #CC0000;
}

div.ja-newscat {
border-bottom: 3px solid #CC0000;
}

div.ja-newscat span {
background: #CC0000;
}

#jahl-newsitem a.ja-newstitle {
color: #CC0000;
}


[crodesign Friend crodesignJoin date: December 2006Posts: 7Downloads:0Uploads:0 Thanks: 2]

#242166

I am having exactly the same issue. I have looked at the stylesheets and mine are exactly as above.

[fdevos Friend fdevosJoin date: May 2006Posts: 41Downloads:0Uploads:3 Thanks: 3]

#242218

Same problem:
can you please post the complete css files here?

thanks

[fdevos Friend fdevosJoin date: May 2006Posts: 41Downloads:0Uploads:3 Thanks: 3]

#242873

No one has found a solution for this?
If so please post it here!

why is the title of this thread marked as “solved”?

tx

[mfcphil Friend mfcphilJoin date: September 2007Posts: 2866Downloads:3Uploads:218 Thanks: 211 Thanked: 388 times in 133 posts]

#242877

<em>@fdevos 45388 wrote:</em><blockquote>

why is the title of this thread marked as “solved”?

tx</blockquote>

Unmarked solved for you

[bett00 Friend bett00Join date: March 2007Posts: 28Downloads:0Uploads:4 Thanks: 3]

#242989

I can not put the code to ja_news since my site has some changes to teline, therefore my css will change the colors etc, but here is the code in teline/css/colors/red.css (my color)

#jahl-newsitem {
background: #FFFFDE;
}

.ja-newscatwrap .hover .ja-newscat,
.ja-newsitem-left:hover .ja-newscat,
.ja-newsitem-center:hover .ja-newscat,
.ja-newsitem-right:hover .ja-newscat {
border-bottom: 3px solid #47565d !important;
}

.ja-newscatwrap .hover .ja-newscat span,
.ja-newsitem-left:hover .ja-newscat span,
.ja-newsitem-center:hover .ja-newscat span,
.ja-newsitem-right:hover .ja-newscat span {
background: #FFFFFF;}

div.ja-newscat {
border-bottom: 3px solid #47565d;
}

div.ja-newscat span {
background: #FFFFFF;}

#jahl-newsitem a.ja-newstitle {
color: #a3000f;
}

I changed the lines 103 and 111 > background: #FFFFFF;

[crodesign Friend crodesignJoin date: December 2006Posts: 7Downloads:0Uploads:0 Thanks: 2]

#243265

Actually, the issue is that the link styles are not set for the ja-news category links. Adding the following code fixed mine. You will of course need to change the colors to your own:

div.ja-newscat a {
background: #598650;
padding:2px 10px 3px 10px;
color: #fff;
}

div.ja-newscat a:hover, a:active, a:focus {
background: #aaa;
padding:2px 10px 3px 10px;
text-decoration: none;
color: #fff;
}

[Author]

Posts