Joomla Templates Club 406,261 posts

[metro_preps Friend metro_prepsJoin date: December 2009Posts: 12Downloads:0Uploads:0 Thanks: 9]

#159363

I’m using JA Teline III v. 2.

I have changed the color of the template background by making some changes in templates>ja_teline_iii_v2>CSS>template.css.

That works fine except that when linked menu items open, such as content items like articles or category lists and components like web links, contacts, news feeds, Kunena, JEvents, etc., those items open within a large rectangular white area bounded by the ivory template background.

Here’s a screen shot showing how the JEvents component appears.

Note also that the cells of the calendar are picking up my new background color, which I’m not crazy about but can live with. My main issue is the disconnected appearance of the component set against the white background within the frame of the ivory color.

So, the basic question is this: where and how do I change the background color settings for the rectangular white area within which the content and components open?

Actually, I’m OK with articles appearing on a white background because it allows me to i-frame in some white pdf pages in a rather seamless way. But the white rectangle around the components is particularly annoying.

While we’re at it, I would also like to know how to change the color of the blu-ish box that surrounds the photo of Putin in the JA News Front Page module. That blue doesn’t look so great with the red and ivory color scheme.

Many thanks.

[gray Friend grayJoin date: October 2009Posts: 957Downloads:0Uploads:17 Thanks: 28 Thanked: 292 times in 230 posts]

#373945

Have you check what value has CSS
#ja-container .main {}
It should have background tag.

Still some components could have their own background set.

Regarding Putin 🙂 The background is set by
.telineiii .ja-zinfp-featured {}
tag, it should be in JA News’s CSS files.

[metro_preps Friend metro_prepsJoin date: December 2009Posts: 12Downloads:0Uploads:0 Thanks: 9]

#373948

Thanks, gray.

I had previously changed the ja-container background setting to my ivory color — so that’s not the solution.

As far as Putin goes, in the templates>ja_teline_iii_v2>css folder, the only two modules that have css files there are JA Bulletin (mod_jabulletin.css) and JA News 2 (mod_janews2.css).

If I go out of the template and into the modules folders at the root level, there is a mod_janews_fp folder, but I don’t see any css files in there. There is a “tmpl” folder in the mod_janews_fp folder but it has 4 php files and an index.html file. None of the php files seem to include any color settings. The index file does, but changing it has no effect.

I’m open to any other suggestions folks might have.

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

#373950

A link toy your site really would be essential to look into this. Please also disable css optimization in your template manager as it will adi us in finding the right css.

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

#373960

Thanks for your PM.

Open templates>ja_teline_iii_v2>css>template.css and around line 738 find the following code and edit as required


#ja-mainbody {
background:url("../images/dot.gif") repeat-y scroll right 0 #FFFFFF;

Have you tried mega-menu for your site? I found the dropline menu quite hard to navigate to the calendar item.

1 user says Thank You to Phill for this useful post

1. metro_preps

[metro_preps Friend metro_prepsJoin date: December 2009Posts: 12Downloads:0Uploads:0 Thanks: 9]

#373963

Thanks, Phill. Yes, that did the trick.

I will give the mega-menu a try. Yes, I agree about the functionality of the dropline. When you have to make a long horizontal move with the mouse, you have to steer a steady course or else you loose the connection to the top menu. I preferred the dropline for aesthetic reasons (red color) but as I started adding top menu items further out to the right end of the dropline, functionality went down.

Any thoughts about Mr. Putin and his blu-ish background?

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

#374048

Can you PM me a link to the page with Vlad on and I will take a look.

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

#374114

Thanks for your PM.

As you have css optimization swithced on I cannot tell you exactly where the code is. Switch it off and I can bee more accurate.


.ja-zinfp-featured {
background:url("/modules/mod_janews_fp/assets/dot.gif") repeat-y scroll right center #EBF2F2;
overflow:hidden;
width:50%;

}


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

#374125

Now you have switched off css optimization I can see the code you are looking for is in modules>mod_janews_fp>assets>style.css at line 24


.ja-zinfp-featured {
background:url("dot.gif") repeat-y scroll right center #EBF2F7;
overflow:hidden;
width:50%;

}


1 user says Thank You to Phill for this useful post

1. metro_preps

[metro_preps Friend metro_prepsJoin date: December 2009Posts: 12Downloads:0Uploads:0 Thanks: 9]

#374127

<em>@phill luckhurst 218046 wrote:</em><blockquote>Now you have switched off css optimization I can see the code you are looking for is in modules>mod_janews_fp>assets>style.css at line 24


.ja-zinfp-featured {
background:url("dot.gif") repeat-y scroll right center #EBF2F7;
overflow:hidden;
width:50%;

}

</blockquote>

OK, thanks a lot, Phill. I guess they hide those css files in all kinds of places. And, also — the takeaway from this is to learn how to use the developer plugin on Firefox.

[Author]

Posts