Joomla Templates Club 406,261 posts

[Robin Friend RobinJoin date: March 2014Posts: 201Downloads:3Uploads:26 Thanks: 49 Thanked: 4 times in 1 posts]

#200514

I want the add this color #d6df23 to the theme options. How can i do that?

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

#546008

Perhaps the following resources may be of assistance to you . . . . .

http://t3-framework.org/documentation/customization.html#theme-customization

http://www.joomlart.com/video-tutorials/t3-framework/override-template-style

http://docs.joomla.org/J3.x:Modifying_a_Joomla!_Template

http://t3-framework.org/documentation/customization.html#theme-magic

[Robin Friend RobinJoin date: March 2014Posts: 201Downloads:3Uploads:26 Thanks: 49 Thanked: 4 times in 1 posts]

#546131

Hi there,

Thanks for the resources, but the instructions are to complex for me. I’m very new to this. I’m wondering if there is some code i can add to my custom.css file?

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

#546138

<em>@rwold 441481 wrote:</em><blockquote>Hi there,

Thanks for the resources, but the instructions are to complex for me. I’m very new to this. I’m wondering if there is some code i can add to my custom.css file?</blockquote>

Sure, there are codes you can add to your custom.css file – but which codes depend on which elements you want to modify the color for. If you can provide some further clarification – or better yet, some mock-up screenshots – we can try to better assist you with some more targeted suggestions.

[Robin Friend RobinJoin date: March 2014Posts: 201Downloads:3Uploads:26 Thanks: 49 Thanked: 4 times in 1 posts]

#546157

I want to change the line under the menu and the active menu color to this color #d6df23.

Then, I would like to change the hover color to this color:#404040

Does this help? Or do i need to provide mockups?

Is it possible to change the text font through out the site to this color as well: #404040

---

Attachments:

1. 
2. 

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

#546158

For the line under the main navigation menu . . . .

paste the following into your custom.css file:


.t3-mainnav {
border-bottom-color: #d6df23
}

For the menu item hover color . . . .

paste the following into your custom.css file:


.t3-mainnav .nav > li > a:hover, .t3-mainnav .nav > li > a:focus, .t3-mainnav .dropdown.open > a.dropdown-toggle {
background: none repeat scroll 0 0 #404040
}

For the menu item active color . . . .

paste the following into your custom.css file:


.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
background-color: #404040


For your text/cont color . . . .

paste the following into your custom.css file:


body {
background-color: #fff
color: #404040
font-family: Arial,sans-serif;
font-size: 12px;
line-height: 20px;
margin: 0;
}

1 user says Thank You to TomC for this useful post

1. timtecsa

[Robin Friend RobinJoin date: March 2014Posts: 201Downloads:3Uploads:26 Thanks: 49 Thanked: 4 times in 1 posts]

#546200

The code didn’t work. :((

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

#546233

There may have been some semi-colons missing . . . . try again

For the menu item hover color . . . .

paste the following into your custom.css file:


.t3-mainnav .nav > li > a:hover, .t3-mainnav .nav > li > a:focus, .t3-mainnav .dropdown.open > a.dropdown-toggle {
background: none repeat scroll 0 0 #404040;
}

For the menu item active color . . . .

paste the following into your custom.css file:


.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
background-color: #404040;


For your text/cont color . . . .

paste the following into your custom.css file:


body {
background-color: #fff;
color: #404040;
font-family: Arial,sans-serif;
font-size: 12px;
line-height: 20px;
margin: 0;
}

1 user says Thank You to TomC for this useful post

1. Robin

[Robin Friend RobinJoin date: March 2014Posts: 201Downloads:3Uploads:26 Thanks: 49 Thanked: 4 times in 1 posts]

#546234

Hi! i appreciate your help. I tried adding the codes again for the menu but it is didn’t have any effect.

[Robin Friend RobinJoin date: March 2014Posts: 201Downloads:3Uploads:26 Thanks: 49 Thanked: 4 times in 1 posts]

#546237

I was able to change the color by changing the variables in the variable.less file! I can’t seem to find a way to change the hover color though.

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

#546404

Are the color codes indicated within the suggestions I made above correct?

[Robin Friend RobinJoin date: March 2014Posts: 201Downloads:3Uploads:26 Thanks: 49 Thanked: 4 times in 1 posts]

#546587

Yes, color codes are correct.

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

#546597

<em>@rwold 442066 wrote:</em><blockquote>Yes, color codes are correct.</blockquote>

and all semi-colons in place?

[Robin Friend RobinJoin date: March 2014Posts: 201Downloads:3Uploads:26 Thanks: 49 Thanked: 4 times in 1 posts]

#546607

Yes, all the semi-colons are in place. I think it may have to do with the multiple styles this template uses.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#546622

As I can see that the color in menu on your site is changed now: http://prntscr.com/4ekk25

Let me know if you still need helps on this.

[Author]

Posts