Joomla Templates Club 406,261 posts

[emilion Friend emilionJoin date: August 2006Posts: 71Downloads:10Uploads:4 Thanks: 21 Thanked: 5 times in 1 posts]

#197295

Hello,
Is possible to change the color of the foot area (Blue) for another?

Thanks!

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

#533197

For your footer background color, this is where your custom/css file will come in handy . . . .

Within your custom.css file (within file path /templates/ja_sugite/css/custom.css),
copy/paste the following CSS rule:


.t3-footer {
background: none repeat scroll 0 0 #2D3E50
}

Of course, you will want to change the color code for the background color to whatever color code you wish.

NOTE:
If you do not already have a “custom.css” file within the above noted file path, simply create one.

Hope That Helps

😎

1 user says Thank You to TomC for this useful post

1. emilion

[emilion Friend emilionJoin date: August 2006Posts: 71Downloads:10Uploads:4 Thanks: 21 Thanked: 5 times in 1 posts]

#533202

Thanks Tom!

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

#533204

Happy to be of assistance . . . All the best with your continued site development.

🙂

[G T Friend G TJoin date: September 2014Posts: 445Downloads:223Uploads:39 Thanks: 8 Thanked: 3 times in 2 posts]

#542739

<em>@TomC 424725 wrote:</em><blockquote>Happy to be of assistance . . . All the best with your continued site development.

:)</blockquote>

I want to change the color of only footer module position and not entire footer area

---

Attachments:

1. 

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

#542750

<em>@joomlagt 437170 wrote:</em><blockquote>I want to change the color of only footer module position and not entire footer area

</blockquote>

Using the same “custom.css” method as described above, paste the following CSS rule into your custom.css file:


.t3-copyright {
background: none repeat scroll 0 0 #ffffff
}

In the above example, I’ve used the color white (#ffffff) to demonstrate how the CSS styling works.
You should, of course, use whatever color code you wish for the background color.

Hope That Helps 😎

[fmolina Friend fmolinaJoin date: August 2013Posts: 99Downloads:20Uploads:27 Thanks: 17 Thanked: 1 times in 1 posts]

#553142

I followed the instructions to change the blue background and the result (not good) I show in the picture.
I also need to change the color of the fonts.
Can you tell me how?
Thank you very much.

---

Attachments:

1. 

[Eragon H Friend Eragon HJoin date: July 2014Posts: 468Downloads:1Uploads:39 Thanks: 5 Thanked: 156 times in 149 posts]

#553159

Kindly add this below code to the file custom.css to change the footer color


.t3-footer {
background: black !important;}

.t3-footnav .t3-module {
background: black !important;
}

You may need to clear cache (Joomla cache and Browser cache) to see the change

[fmolina Friend fmolinaJoin date: August 2013Posts: 99Downloads:20Uploads:27 Thanks: 17 Thanked: 1 times in 1 posts]

#553216

It works. Thank you.
Could you tell me how to change the text color of the footer.

Thank you.

[Eragon H Friend Eragon HJoin date: July 2014Posts: 468Downloads:1Uploads:39 Thanks: 5 Thanked: 156 times in 149 posts]

#553219

You can use this code to change text color of the footer

.t3-footnav .t3-module ul > li > a {
color: white;}

.module-ct {
color: white;}

You may need to clear cache (Joomla cache and Browser cache) to see the change

[Author]

Posts