edit grey area (footer) at the bottom of each page

warriorsevenyoga · Member · Feb 16, 2017 at 9:10 pm
Copy link

Add topic to favorites
Hello
I will like to edit grey area (footer) at the bottom of each page as it is too wide and it looks weird

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Feb 17, 2017 at 7:01 am
Copy link
You have an empty gallery widget in the footer widget area. Remove that and the grey area at the bottom will shrink in height.
aakashpatelsite · Member · Feb 17, 2017 at 7:07 am
Copy link
Hi,
I have visited your blog and I have seen that there is a two footer which makes footer’s height more and to reduce the size add following CSS:
```
#colophon {
    width: 80%;
    padding: 2%;
    margin-left: 10%;
}
```
Thanks,
Aakash Patel
kathrynwp · Staff · Feb 21, 2017 at 7:18 pm
Copy link
warriorsevenyoga – please let us know if you still need any help with this. I’d suggest first removing the empty widget in the Footer area first, and then taking it from there.
warriorsevenyoga · Member · Feb 21, 2017 at 7:30 pm
Copy link
Hi guys,
I have removed the empty gallery widget as suggested by ‘thesacredpath’ but not sure how to add the css code.
It still looks to big to me.
Thanks,
kathrynwp · Staff · Feb 21, 2017 at 7:43 pm
Copy link
Can you confirm whether you find it too high in height, or too wide in width? The CSS will be different depending whether you want to make it shorter or narrower. You said too wide in your original post, but I just wanted to make sure that’s what you want to change so we give you the right code.

To add custom CSS, you open the Customizer and go into the Custom CSS panel, and add your CSS there.
warriorsevenyoga · Member · Feb 21, 2017 at 8:06 pm
Copy link
I’m referring to high in height.
kathrynwp · Staff · Feb 21, 2017 at 8:28 pm
Copy link
Thanks for confirming. You can give something like this a try to reduce the height of the footer area:
```
#colophon {
  padding-top: 40px;
  padding-bottom: 20px;
}
```

No items found.