Joomla Templates Club 406,261 posts

[nnyorker Friend nnyorkerJoin date: June 2012Posts: 11Downloads:0Uploads:5]

#199211

Hello – How can I change the blue colors to a darker blue like a #000050 and something lighter?
Thanks

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#540419

I think these link will help you to choose colors

http://www.colorhexa.com/web-safe-colors

http://html-color-codes.info/

http://html-color-codes.com/
Hope it helps

[nnyorker Friend nnyorkerJoin date: June 2012Posts: 11Downloads:0Uploads:5]

#540422

thank you for your reply. Which files do I edit?

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#540423

<em>@nnyorker 434215 wrote:</em><blockquote>thank you for your reply. Which files do I edit?</blockquote>
can you explain with a screenshot where you want to change the color ,so that i can help you in a better way 🙂

[nnyorker Friend nnyorkerJoin date: June 2012Posts: 11Downloads:0Uploads:5]

#540424

Thank you for your reply.
I believe it is the header, main nav, and footer areas.
Please see attached screenshots.

---

Attachments:

1. 
2. 

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#540440

Do you want your site something like this attachment, If so please let me know , I will provide the css.

---

Attachments:

1. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#540446

<em>@nnyorker 434217 wrote:</em><blockquote>Thank you for your reply.
I believe it is the header, main nav, and footer areas.
Please see attached screenshots.

</blockquote>

HI Please try these css rule in custom.css file
Go to template/JA Social/css/custom.css (if there is no custom.css file create a file in css folder )
add this code in custom.css

.ja-topbar{background: #060E64}
.t3-header{background: #060E64}
.t3-mainnav{background: #060E64}
.t3-footer{background: #060E64}
.head-search .input {background: #060E64}

Change the color code #060E64 According to your choice .
It will look like this
Hope It Helps 🙂

---

Attachments:

1. 

[claire1212 Friend claire1212Join date: February 2015Posts: 19Downloads:3Uploads:2]

#567754

<em>@pankajsharma 434249 wrote:</em><blockquote>HI Please try these css rule in custom.css file
Go to template/JA Social/css/custom.css (if there is no custom.css file create a file in css folder )
add this code in custom.css

.ja-topbar{background: #060E64}
.t3-header{background: #060E64}
.t3-mainnav{background: #060E64}
.t3-footer{background: #060E64}
.head-search .input {background: #060E64}

Change the color code #060E64 According to your choice .
It will look like this
Hope It Helps :)</blockquote>

Thanks. It works a treat.

[claire1212 Friend claire1212Join date: February 2015Posts: 19Downloads:3Uploads:2]

#732861

<em>@pankajsharma 434249 wrote:</em><blockquote>HI Please try these css rule in custom.css file
Go to template/JA Social/css/custom.css (if there is no custom.css file create a file in css folder )
add this code in custom.css

.ja-topbar{background: #060E64}
.t3-header{background: #060E64}
.t3-mainnav{background: #060E64}
.t3-footer{background: #060E64}
.head-search .input {background: #060E64}

Change the color code #060E64 According to your choice .
It will look like this
Hope It Helps :)</blockquote>

Thanks. It works a treat.

[Author]

Posts