Need help – centering text witdget in footer (Theme: Responsive)

sgbasu · Member · Mar 4, 2015 at 5:20 pm
Copy link

Add topic to favorites
I have added a text widget in the footer area of my site (sgbasu.com).

It is aligned left, but I want it to align center. Can someone help with CSS please?

Also, is it possible to change the footer background color with CSS?

Thank you!

The blog I need help with is: (visible only to logged in users)
galois · Member · Mar 4, 2015 at 5:29 pm
Copy link
Hi. Read this, please:

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 in the footer, 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. Using CSS, you can also add content like a copyright notice to the existing footer. If you would like to do that, you can ask in the CSS Customization forum and Staff or our community volunteers would be happy to help you do that.

https://en.support.wordpress.com/custom-design/#frequently-asked-questions
thesacredpath · Member · Mar 6, 2015 at 2:04 am
Copy link
Hi, I’m seeing three widgets in the footer area, Books, Blog and Author, so it looks like you are using three now instead of one?

On changing the color of the footer area, are you talking about the area with the social icons? If so, the following CSS will allow you to change the footer color.
```
#footer-wrapper {
    background: #efefef;
}
```
sgbasu · Member · Mar 7, 2015 at 12:46 am
Copy link
Thanks thesacredpath. Those three widgets you mentioned are the theme specific widgets. I needed help with the footer below that (containing the social icons etc.)

Thank you for the color tip, I was able to turn the area the same color as the background like I wanted.

Do you know how I can change the color of the “poweredby,” “copyright” and “scrolltotop” texts. With the new dark background, they are sort of lost, want them to stand out a bit more.

Also, is there a way to change the sequence in the footer: example, I want to have the ‘scrolltotop’ at the very bottom?
staff-happychia · Staff · Mar 7, 2015 at 8:51 am
Copy link
This CSS changes the color of the text in your footer widgets:
```
#footer .grid ,
#footer .grid a {
    color: red;
}
```
staff-happychia · Staff · Mar 7, 2015 at 9:01 am
Copy link
I want to have the ‘scrolltotop’ at the very bottom?
```
#footer-wrapper {
 position: relative;
}

#footer .scroll-top {
text-align: left;
position: absolute;
bottom: 0;
left: 7px;
}
```
I change the text-align to left. Originally it is center.
You can adjust the value of left attribute to move the “scroll to top” arrow horizontally.
sgbasu · Member · Mar 7, 2015 at 8:24 pm
Copy link
Thank you chaitanyamsv.

I tried your code for the color change. It works great in the preview mode, but when I save it, wordpress removes that section of code and the color change does not carry through ::(.

Any ideas why?
designsimply · Member · Mar 7, 2015 at 8:55 pm
Copy link
sgbasu, apologies for the trouble! Saving CSS is not working right now, and we are working to get it updated. I’ll let you know here as soon as it has been fixed.
designsimply · Member · Mar 7, 2015 at 11:52 pm
Copy link
sgbasu, it should be working now! Can you try the editor again and let me know if you’re still having trouble with it?
sgbasu · Member · Mar 8, 2015 at 12:12 am
Copy link
Thank you designsimply. It’s working perfectly fine now :)
designsimply · Member · Mar 8, 2015 at 12:17 am
Copy link
Yay! Thanks for testing it. :)
sgbasu · Member · Mar 8, 2015 at 12:25 am
Copy link
@designsimply – you’re welcome :)

staff-happychia – the scroll-top works great as well. Thanks!

Thank you very much, everyone, for the help. I will set this to “resolved” now.

No items found.