Joomla Templates Club 406,261 posts

[magtaf Friend magtafJoin date: April 2006Posts: 78Downloads:27Uploads:29 Thanks: 16 Thanked: 1 times in 1 posts]

#161544

How can I change the footer from this color to a new one?

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

#381763

<em>@magtaf 228145 wrote:</em><blockquote>How can I change the footer from this color to a new one?</blockquote>

Please provide me an Image and be more specific in you question

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#381764

Hi,
Open <joomla url>templatesja_socialcsstemplate.css file, replace


#ja-footer {
padding: 10px 0 30px;
color: #9AD0E5;
}


to


#ja-footer {
padding: 10px 0 30px;
color: #9AD0E5;
background-color:#FF0000; <-- edit value as you want to
}


[magtaf Friend magtafJoin date: April 2006Posts: 78Downloads:27Uploads:29 Thanks: 16 Thanked: 1 times in 1 posts]

#381803

<em>@Chavan 228210 wrote:</em><blockquote>Please provide me an Image and be more specific in you question</blockquote>

Hi Chavan, here is an image on what I want to accomplish

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

#381804

<em>@magtaf 228258 wrote:</em><blockquote>Hi Chavan, here is an image on what I want to accomplish

</blockquote>

you may change it in templates.css file

may changes in this css code

body#bd {
background: url(“../images/header-bg2.gif”) repeat scroll 0 0 transparent;
color: #333333;
}

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

#381805

<em>@Chavan 228259 wrote:</em><blockquote>you may change it in templates.css file

may changes in this css code

body#bd {
background: url(“../images/header-bg2.gif”) repeat scroll 0 0 transparent;
color: #333333;
}</blockquote>

The bg image in the css is quite big and if you change this bg it will affect in the top.

I hope you can use this css code

replace this

body#bd {
background: url(“../images/header-bg2.gif”) repeat scroll 0 0 transparent;
color: #333333;
}

with

body#bd {
background: url(“../images/header-bg2.gif”) repeat-x scroll 0 0 #000000;
color: #333333;
}

Change the #000000 to any color of your choice.

Note: make the Bg small in size

Thanks

1 user says Thank You to chavan for this useful post

1. magtaf

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#381814

<em>@magtaf 228258 wrote:</em><blockquote>Hi Chavan, here is an image on what I want to accomplish

</blockquote>

Hi, I think you try this way
– Open <joomla url>templatesja_socialcsstemplate.css file. Replace

#ja-botsl { border-top: 1px solid #fff; }

with

#ja-botsl { border-top: 1px solid #fff; background-color:#FF0000}

1 user says Thank You to khoand for this useful post

1. magtaf

[magtaf Friend magtafJoin date: April 2006Posts: 78Downloads:27Uploads:29 Thanks: 16 Thanked: 1 times in 1 posts]

#381959

<em>@khoand 228271 wrote:</em><blockquote>Hi, I think you try this way
– Open <joomla url>templatesja_socialcsstemplate.css file. Replace

#ja-botsl { border-top: 1px solid #fff; }
with

#ja-botsl { border-top: 1px solid #fff; background-color:#FF0000}
</blockquote>

Thank you Chavan / Khonad,

Both your solutions worked. Can you tell me where to change this, I have been looking for this all over the site.

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

#381977

<em>@magtaf 228449 wrote:</em><blockquote>Thank you Chavan / Khonad,

Both your solutions worked. Can you tell me where to change this, I have been looking for this all over the site.

</blockquote>

There are 2 ways to do it.

1. you can disable the existing mod_footer module and add a mod_custom [ custom html module ] and add the text. the position is footer

2. Login to admin panel

Site -> global configuration -> site tab

Here change the site name text and save it.

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

#382039

YOu try adding this into template.css file

.ja-copyright small {
color: red !important;

}

[Author]

Posts