Return to previous page

How to change footer colour? - by fredwerk

This topic has 22 replies, 3 voices, and was last updated 10 years ago ago by Eva Kemp

fredwerk

Participant

May 19, 2014 at 23:12

Hi,

As you can see here http://www.asascharity.org/, there 4 sections in the footer. How can I change the background colour from white to something else?

Thanks,

#4145 Copied

21 Answers
Jack Richardson

Support staff

May 20, 2014 at 10:21
Hello,

You can see all footer variants in Theme Options > Footer. If you unsatisfied with proposed variants, then add the following code into your custom.css:
```
.footer-top .container {
    background: #ccc;
}
```
And change “#ccc” to your desired color.

Here is a video tutorial how to create custom.css: https://www.youtube.com/watch?v=Qok2zRedRMY&feature=youtu.be .

Regards,
Jack Richardson
#4178 Copied
fredwerk

Participant

May 20, 2014 at 12:24

Hi,

Thanks but that only put the content into a coloured box.

I would like to change the background colour of the footer like here: http://www.exclusivefashiondesigns.com/

#4190 Copied
Jack Richardson

Support staff

May 20, 2014 at 12:38
Hello,

Then insert this piece of code into your custom.css:
```
.footer-top {
background: #ccc;
}
```
And change “#ccc” to your desired color.

Regards,
Jack Richardson
#4193 Copied
fredwerk

Participant

May 20, 2014 at 12:44

Hi, thanks that works 🙂

However I have now the top and bottom border of that footer missing parts on left and right side.

#4194 Copied

fredwerk

Participant

May 20, 2014 at 15:54

I have now the top and bottom border of that footer missing parts on left and right side. I hope you see my problem.

What can I do?

#4261 Copied

Eva Kemp

Support staff

May 20, 2014 at 20:03

Hello,

Could you please clarify with details what is wrong with the footer?
Thank you.

Regards,
Eva Kemp.

#4320 Copied

fredwerk

Participant

May 20, 2014 at 20:07

Hi,

The footer section with 4 blocks in it, it has a border top and bottom, this border does not go all the way to the sides left and right of the boxed site.

Do you see what I mean? https://www.dropbox.com/s/k051e7y2p1hoexg/FooterIssue01.png

#4322 Copied

Eva Kemp

Support staff

May 20, 2014 at 20:39

Hello,

The border can be longer if to strength the container. So 4 blocks will also be strengthen. You may try to add this code into custom.css:
.footer-top .container {width: 1229px;}

Regards,
Eva Kemp.

#4326 Copied

fredwerk

Participant

May 20, 2014 at 21:59

Hi,

Nothing happens.

#4332 Copied

Eva Kemp

Support staff

May 21, 2014 at 08:13

Hello,

Please provide us with admin panel credentials in Private Content to check.

Regards,
Eva Kemp.

#4355 Copied

fredwerk

Participant

May 21, 2014 at 10:50

Hi, here you go:

Please, contact administrator
for this information.

#4445 Copied

Eva Kemp

Support staff

May 21, 2014 at 11:42

Hello,

Please check your site now. Is the footer displayed per your request?

Regards,
Eva Kemp.

#4451 Copied

fredwerk

Participant

May 21, 2014 at 11:42

Hi,

I noticed the changes, cheers, however the text is touching the left side.

Anyway possible to put the text back to how it was before? And keeping the border as it is?

#4452 Copied

Eva Kemp

Support staff

May 21, 2014 at 11:48

Hello,

Please check now.

Regards,
Eva Kemp.

#4456 Copied

fredwerk

Participant

May 21, 2014 at 11:52

Hi, thanks, but the copyright text has same issue.

#4459 Copied

Eva Kemp

Support staff

May 21, 2014 at 12:13

This has been fixed.
Please check.

Regards,
Eva Kemp.

#4462 Copied

fredwerk

Participant

May 21, 2014 at 12:17

Hi,

Thanks but it is not aligned properly.

Please check http://www.exclusivefashiondesigns.com/ – you can see ABOUT being aligned with the copyright footer. Both same distance from left.

I would like the same.

I think the ABOUT line is way too much towards the right. It needs same margin than the copyright so it needs to be moved a bit more towards left.

#4466 Copied
Eva Kemp

Support staff

May 21, 2014 at 13:27
Hello,

Is it fine now?
You can also edit the code to your choice. Find this code in custom.css:
```
.footer-top .row-fluid {margin-left: 65px;}
.copyright .row-fluid {margin-left: 30px;}
```
and set the values to your choice.

Regards,
Eva Kemp.
#4479 Copied
fredwerk

Participant

May 21, 2014 at 13:28

Hi,

Yes thanks, I have tweaked it a bit now and all good 🙂

#4480 Copied

Jack Richardson

Support staff

May 21, 2014 at 13:31

Hello,

You’re welcome.
If you have any questions please feel free to contact us.

Regards,
Jack Richardson

#4481 Copied

Eva Kemp

Support staff

May 21, 2014 at 13:31

You’re welcome.

Regards,
Eva Kemp.

#4482 Copied
Viewing 22 results - 1 through 22 (of 22 total)