Joomla Templates Club 406,261 posts

[tfosnom Friend tfosnomJoin date: October 2010Posts: 742Downloads:0Uploads:31 Thanks: 145 Thanked: 200 times in 94 posts]

#191611

Hi All

I’m converting a ja university J2.5 wip to a newer magz 3.15 version and am struggling a bit with both the way the j3 backend and t3v3 works, so here I am asking for developers input.

I have tried using firebug to pinpoint the right files areas, but …. I cannot get a decent css file/line number read using firebug on a t3v3 template yet, never gives me much info so I’ve stopped trying.

Please view my J3.x wip here . What I am trying to do is colour the white bkg of the whole (width) of the T3-spotlight area where I have published the clients logo to a blue. Leaving the rest of the template white. I need this blue band to work site wide both as desktop and responsive.

For a comparison to the old Ja university wip, please look here to appreciate what I need to accomplish visually

Blessings Shannon

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#509848

Unlike you to have a problem. Make the switch to Chrome – 😉

Quick look and I find template.css @ line 5982 – change the background to your colour

.top-header {

• background: #3377BB
• border-bottom: solid 1px #eaeaea
• padding: 10px 0;

}

Hope that helps?!

[tfosnom Friend tfosnomJoin date: October 2010Posts: 742Downloads:0Uploads:31 Thanks: 145 Thanked: 200 times in 94 posts]

#509850

<em>@swissa 394727 wrote:</em><blockquote>Unlike you to have a problem. Make the switch to Chrome – 😉

Quick look and I find template.css @ line 5982 – change the background to your colour

.top-header {

• background: #3377BB
• border-bottom: solid 1px #eaeaea
• padding: 10px 0;

}

Hope that helps?!</blockquote>

Cheers worked a treat, don’t know why but I’m just not functioning well with coding these days. Chrome, had a bad experience with it once, severly altered some settings and added spyware, so I’ve been very cautious of adding it again. But as I’m not getting decent results with firebug maybe I’ll have to
again thanks for your help

Blessings Shannon

[newwebsi Friend newwebsiJoin date: November 2011Posts: 40Downloads:0Uploads:6 Thanks: 2]

#512898

can you tell me where to find the css file to modify the color on the ja university template top area its currently black i would like to change it to a different color or possibly an image
here is the site
thanks ‘Kyle G

http://newwebsitedesign.com/

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#512907

Black? Looks like blue to me!!

This file – ………/themes/blue/css/template.css

look for

#ja-header {background: #0c426f
border-bottom: 1px solid #09355a
}

and if you want to change the nav bar


#ja-mainnav {
background: #0c426f
border-top: 1px solid #1f537e
}

and if you want to change the background of the drop-down of the menü, you need ….ja_university/themes/blue/css/menu/mega.css @line 51


.ja-megamenu .childcontent-inner {


• background: #195383
• color: #a7c3db

}

and either change the background to a colour you like or use an image.

Help?

1 user says Thank You to swissa for this useful post

1. phong nam

[newwebsi Friend newwebsiJoin date: November 2011Posts: 40Downloads:0Uploads:6 Thanks: 2]

#512921

Yes it’s blue now i changed it but i needed to no how to modify so thanks for the info , Also is their a way to change the color of the logo text and make it so it doesn’t have a rollover effect as it does now

Thanks
http://www.newwebsitedesign.com

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#512971

Hi,

Hope that Swissa will explain how he modified the background color on your JA University site. On your logo text question, you can try to put below css style into the end of templates/ja_university/css/template.css file:

div.logo-text h1 > a:hover {
color: #666;
}

With these codes, the color of logo will look the same when hovering. Remember to clear JAT3 cache after saving changes.

[Author]

Posts