Joomla Templates Club 406,261 posts

[hjalte1983 Friend hjalte1983Join date: September 2012Posts: 328Downloads:7Uploads:105 Thanks: 101 Thanked: 9 times in 1 posts]

#194977

Hi, Could need some help with changing some colors

I want a dark theme,

I can change the link and text color in magic theme.

Where can change the rest , like show in the screenshot?

Optimize CSS” to “No” within your Template Manager–General settings – DONE

I’M working on http://uoancorp.com

---

Attachments:

1. 

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

#523498

To modify the background color of your main navigation bar . . .

Within file path –> /templates/ja_mitius/css/template.css
at line 1130, modify the background color code to whatever you want


.ja-mainnav .navbar {
background: none repeat scroll 0 0 #F5F5F5
color: #666666
margin-bottom: 0;
margin-top: 0;
overflow: visible;
z-index: 11;
}

To modify the color of the “SHARD INFO” button (and similar buttons) . . . .

Within file path –> /templates/ja_mitius/css/template.css
at line 1506, modify the background color code to whatever you want


.t3-module.title-yellow .module-title span, .module.title-yellow .module-title span {
background: none repeat scroll 0 0 #F76000;
}

To modify the background color of your main content container . . . .

Within file path –> /templates/ja_mitius/css/template.css
at line 3649, modify the background color code to whatever you want


.ja-mainbody .container {
background: none repeat scroll 0 0 #FFFFFF;
}

Hope That Helps 🙂

1 user says Thank You to TomC for this useful post

1. hjalte1983

[hjalte1983 Friend hjalte1983Join date: September 2012Posts: 328Downloads:7Uploads:105 Thanks: 101 Thanked: 9 times in 1 posts]

#523502

cant get the :
.ja-mainnav .navbar {
background: none repeat scroll 0 0 #F5F5F5
color: #666666
margin-bottom: 0;
margin-top: 0;
overflow: visible;
z-index: 11;
}
to work.

but the other works 🙂

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

#523505

<em>@hjalte1983 412305 wrote:</em><blockquote>cant get the :
.ja-mainnav .navbar {
background: none repeat scroll 0 0 #F5F5F5
color: #666666
margin-bottom: 0;
margin-top: 0;
overflow: visible;
z-index: 11;
}
to work.

</blockquote>

What is giving you difficulty? . . . . What are you trying that isn’t working?

1 user says Thank You to TomC for this useful post

1. hjalte1983

[hjalte1983 Friend hjalte1983Join date: September 2012Posts: 328Downloads:7Uploads:105 Thanks: 101 Thanked: 9 times in 1 posts]

#523506

as you can see in http://www.uoancorp.com/templates/ja_mitius/css/template.css
i changed it to #252525 , nothing happend

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

#523507

I just tried it using [url=http://www.joomlart.com/forums/topic/using-firebug-to-customize-your-site/

1 user says Thank You to TomC for this useful post

1. hjalte1983

[hjalte1983 Friend hjalte1983Join date: September 2012Posts: 328Downloads:7Uploads:105 Thanks: 101 Thanked: 9 times in 1 posts]

#523510

okay thanks, gonna work on it tomorrow thanks so far TomC

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

#523512

<em>@hjalte1983 412314 wrote:</em><blockquote>okay thanks, gonna work on it tomorrow thanks so far TomC</blockquote>

Glad to help . . . Let me know how things turn out. 🙂

[hjalte1983 Friend hjalte1983Join date: September 2012Posts: 328Downloads:7Uploads:105 Thanks: 101 Thanked: 9 times in 1 posts]

#523644

hey TomC, still having problems with .ja-mainnav .navbar

also realize there is alot of other colors need to be edited, the dark theme dont show on all pages,
i saved a theme in theme magic, changing some stuff. then it don’t generate the template.css from default ? have to add the colors again… ?

[Nazario A Friend Nazario AJoin date: April 2013Posts: 1183Downloads:0Uploads:406 Thanks: 91 Thanked: 284 times in 263 posts]

#523746

@hjalte1983,

Every theme has its own style. When you use any theme, it will load that theme’s style. Thus, if you want to customise your site, you should add the custom code into the file /templates/a_mitius/css/custom.css (if the file does not exist, create a new one) as follows:

.ja-mainnav .navbar {
background-color: #0000FF;
}
.t3-module.title-yellow .module-title span {
background-color: #0000FF;
}
.nav-child.dropdown-menu.mega-dropdown-menu {
background-color: #0000FF;
}
.ja-mainbody .container {
background-color: #0000FF;
}

You can change code color in red as you wish.

Also, you can refer to this tips to use the class suffix.

Let me know if this helps.

[hjalte1983 Friend hjalte1983Join date: September 2012Posts: 328Downloads:7Uploads:105 Thanks: 101 Thanked: 9 times in 1 posts]

#523776

ohh, so custom.css actually overwrites (chosen theme)/template.css, correct? seems like it.

What would be the code for edit the article background, i noticed the category blog is changed but not article background

[Nazario A Friend Nazario AJoin date: April 2013Posts: 1183Downloads:0Uploads:406 Thanks: 91 Thanked: 284 times in 263 posts]

#523982

@hjalte1983,

<blockquote>ohh, so custom.css actually overwrites (chosen theme)/template.css, correct? seems like it.</blockquote>

Yes, that’s right.

<blockquote>What would be the code for edit the article background, i noticed the category blog is changed but not article background</blockquote>

Do you want to change the color as highlighted in this screenshot?

If so, add this rule into the file: /templates/ja_mitius/css/custom.css :

.module {
background: #FF0000;
}

You can change the color in red

---

Attachments:

1. 

[hjalte1983 Friend hjalte1983Join date: September 2012Posts: 328Downloads:7Uploads:105 Thanks: 101 Thanked: 9 times in 1 posts]

#526848

Hi, just came back from a vacation. And working on the site again.

No its not the module color.

If you see this image its the article color. also the text color in the article seems not to changing.
You can see what i mean on my testsite : http://rl-rfk.dk/index.php/play/an-corp/download-setup

If you press news, its shows fine, its a category blog, but when clicking an article it shows white background and black text.

---

Attachments:

1. 

[Nazario A Friend Nazario AJoin date: April 2013Posts: 1183Downloads:0Uploads:406 Thanks: 91 Thanked: 284 times in 263 posts]

#526942

@hjalte1983,

Please open file /templates/your_template_name/css/custom.css then add this rule:

.item-page {
background: #111111
}

Let me know if this helps

1 user says Thank You to Nazario A for this useful post

1. hjalte1983

[hjalte1983 Friend hjalte1983Join date: September 2012Posts: 328Downloads:7Uploads:105 Thanks: 101 Thanked: 9 times in 1 posts]

#527317

Thanks Nazario,
How can i remove the white frame on modules or change it to a darker color http://uoancorp.com/

[Author]

Posts