Custom Footer on Gateway Theme

conklinscott · Member · Jul 14, 2015 at 9:59 pm
Copy link

Add topic to favorites
Hello!

I was hoping to delete the “Blog at WordPress.com | The Gateway Theme” text that appears in the footer of my WordPress premium page. Any CSS that I can add to the customizer that will help with this?

http://www.conklinscott.com

Thanks!

The blog I need help with is: (visible only to logged in users)
auxclass · Member · Jul 14, 2015 at 10:29 pm
Copy link
Current Terms of Service:

11. Attribution. Automattic reserves the right to display attribution links such as ‘Blog at WordPress.com,’ theme author, and font attribution in your blog footer or toolbar. Footer credits and the WordPress.com toolbar may not be altered or removed regardless of upgrades purchased.

http://en.wordpress.com/tos/

May I remove the Admin Bar, credit links such as ‘Blog at WordPress.com’, theme, font, or toolbar links?

All WordPress.com bloggers are required to maintain the Admin Bar (the dark bar that appears at the top of WordPress.com sites when logged in) as well as credit links, even our VIP bloggers. Please do not hide or alter text or links for the footer credits or the toolbar. Modifying the style of the footer text (i.e. colors and font size) is fine as long as it’s still readable.

http://en.support.wordpress.com/custom-design/#frequently-asked-questions
thesacredpath · Member · Jul 15, 2015 at 2:43 am
Copy link
@conklinscott, here is some code to add some text of your own to the footer area above the existing footer credits. It also makes the existing credits a medium grey color and a bit smaller. The credits have to remain readable and visible, so I would not go lighter or any smaller on the existing. I included some styling declarations for the new text so you can style that as you see fit. Go to Appearance > Customize > CSS, delete all the informational text in that window, and paste in the following custom CSS and see what you think.
```
.site-footer .site-info, .site-footer .site-info a {
    color: #777;
    font-size: 90%;
}
.site-footer .site-info:before {
    content: "My footer text";
    display: block;
    color: #fff;
    font-size: 120%;
}
```
abyssrocks · Member · Jul 16, 2015 at 1:23 pm
Copy link
Hiya, I am using the above to add custom text to my footer as well, and it works perfectly. However, do you have any suggestions on how to reduce the total height of the footer space in Gateway? It is a very large area.
thesacredpath · Member · Jul 16, 2015 at 6:32 pm
Copy link
Hi @abyssrocks, there is top and bottom margin on the site footer area you can adjust. Add the following CSS and adjust as desired.
```
.site-footer {
    margin-top: 4.5em;
    margin-bottom: 6em;
}
```
abyssrocks · Member · Jul 16, 2015 at 10:41 pm
Copy link
Thanks! That worked perfectly. Two last questions with the footer in gateway.

I tried to change the color using the below, but it only changed the color of part of the footer, not the whole bar. See footer bar on https://searocksblog.wordpress.com
```
.site-footer {
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: #062030;
}
```
Also how do I make the space smaller between the footer widget where I have the social media icons, and the custom text inserted with CSS before the wordpress text?
thesacredpath · Member · Jul 17, 2015 at 12:25 am
Copy link
Hi there, the footer wrap also has a color setting. Add the following to your CSS to make it the same color.
```
.footer-wrap {
    background-color: #062030;
}
```

No items found.