Joomla Templates Club 406,261 posts

[nathanlgv4u Friend nathanlgv4uJoin date: August 2014Posts: 63Downloads:0Uploads:22 Thanks: 24]

#202822

Hey,

If possible I would like to change the colour of the theme (buttons, links and all bars that link to the colour) to one of my own choosing – ideally by hex… Is this possible, I have made a custom.css file and tried a few combinations I thought would work with not very much luck.

Thanks,
Nathan.

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#555461

Hi there,
May i know what did you try ? I’ll try to follow your works than we can find out reason.
Thank you,
Viet Vu

[nathanlgv4u Friend nathanlgv4uJoin date: August 2014Posts: 63Downloads:0Uploads:22 Thanks: 24]

#555465

Basically I tried

.t3-mashead {
background-color: #ffc0cb
}

Which only change the banner on the page at the bottom – I want to change the color of active links etc etc.

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#555547

Hi there,
To change color of elements you’ll to know which elements. Than after that apply your css into custom.css.
So … it’s so hard to give you right code since i don’t know which exactly elements you want to do 🙂

Thank you,
Viet Vu

[nathanlgv4u Friend nathanlgv4uJoin date: August 2014Posts: 63Downloads:0Uploads:22 Thanks: 24]

#555553

Thats what I though but some of the aspects don’t have classes that I can manipulate. I have prepared two (poor screen shots.

If that is my front page (poor quick shot I know) then these circled areas below are ones that I wish to change. The pink that has appeared in one of the rings is the only one that I can seem to get to change using the method above, unless I am missing which class the color needs to be changed on?

---

Attachments:

1. 
2. 

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#555568

Hi there
Please apply to custom.css


.t3-wrapper.home .t3-mashead {
background-color: #ffc0cb // replace by your color code
}


Thank you,
Viet Vu

[nathanlgv4u Friend nathanlgv4uJoin date: August 2014Posts: 63Downloads:0Uploads:22 Thanks: 24]

#555599

Hey,

It hasn’t changed the active colors or the links – only still as in image above.

As a point I noticed there is the Theme Magic in the template options – When I try to save template as I get an unexpected error.
<blockquote>Unexpected error. Please refresh the page try again later.</blockquote>
with a refresh and retry no different… This makes the perfect changed under primary brand color option but I cant seem to figure out how to save it.

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#555610

Hi there,
For footer link ( JA Biz )

<a href="http://www.joomlart.com/joomla/templates/ja-biz" title="JA Biz" rel="nofollow">JA Biz</a>
You can apply


.main-container .footer-info .copyright a {
color: #f2735a // change your color code
}

and for hover


.main-container .footer-info .copyright a:hover {
color: #f2735a // change your color code
}


Thank you,
Viet Vu

[nathanlgv4u Friend nathanlgv4uJoin date: August 2014Posts: 63Downloads:0Uploads:22 Thanks: 24]

#555623

It still hasn’t change the colors for me.

I really can’t figure out why not. I don’t know if it helps but there is a blue theme that is built into this template that is similar. If I could make it a darker blue and then apply it to all the pages it’d be perfect as it changes the background of the menus drop down menus also.

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#555625

Hi there
I’m sorry but i really confuse what’s exactly elements you want to change. <a> in footer ?
If needed, i can help you via skype, than we can talk what’s exactly thing you want to apply 🙂
My skype: jooservices

Thank you,
Viet Vu

[nathanlgv4u Friend nathanlgv4uJoin date: August 2014Posts: 63Downloads:0Uploads:22 Thanks: 24]

#555627

Hey,

Sorry I don’t have Skype in work so can’t get on that till much later this evening!

easy way i think i can explain what I am trying to accomplish is with this…
http://www.joomlart.com/demo/#ja_biz

Now you’ll have to humor me, if you go to the explore drop down page you get

• red color
• default color
• blue color
• green color
• turquoise color

if you click anyone of those it changes the theme of the page to that color – this is effectively what I want to achieve but I wish to be able to pick the color as all the one that are preset are too light for what I require.

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#555628

Hi there
# For themes actually it’s override exists css with their own css code. And … you can also do that via custom.css. Of course, because it’s theme than css code much lighter than base css files.
# About your issue. Yes, you can. But you need a little css skill to inspect element and write down a css code.
I can help you do that when i know what’s exactly elements you want to do.
For sample with footer <a>, i already give you code. I added more detail of css path to increase css priority.

Thank you,
Viet Vu

[nathanlgv4u Friend nathanlgv4uJoin date: August 2014Posts: 63Downloads:0Uploads:22 Thanks: 24]

#555633

Hey,

The footer link isn’t really an issue as that will be being changed and I don’t believe it will hold a link once it has been changed. In the footer it mainly when you put your cursor over any of the links and it comes up with the orange color. The idea would be this would match the theme?

I’d like to change every aspect of the template that is with the current color of #F2735A and change it for example to the color of #2213C7

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#555634

Hi there
Please provide your FTP access. I’ll help you update code
For hover please use a:hover

Thank you,
Viet Vu

[nathanlgv4u Friend nathanlgv4uJoin date: August 2014Posts: 63Downloads:0Uploads:22 Thanks: 24]

#555728

Sent by Pm 🙂

[Author]

Posts