Support » Themes and Templates » How to modify the footer and footer widget of Twenty Eleven

  • Resolved GnosticGirl



    1) I am trying to change the background color of the footer widget in my Twenty Eleven child-plan theme. I am trying this code but it’s not working:
    /* To change bottom side bar widget’s background color */
    #colophon {
    clear: both;
    background-color: #CDC0B0;

    2) I am trying to hide the “powered by WordPress” with this code but it is not working:
    /* To hide the ‘Powered By WordPress’ advertisement */
    #site-generator {
    display: none;

    3) I am trying to modify the text in the widget with this code which is not working:
    /* To change Right SideBar widget Title’s font color, size and font type */
    .widget-title {
    color: #8B6969;
    font-size: 14px;
    font-weight: bold;
    text-shadow: 1px 1px 1px #aaa;
    font-family: Papyrus, Gudea, “Helvetica Neue”, Helvetica, Arial, sans-serif;
    /* To change right side bar widget’s Links color, font size */
    .widget a {
    color: #7a7a7a;
    font-size: 14px;

    Incidentally I had all three things working and then I did something to break it and I’m not sure what *sigh*.

    Any advice would be appreciated. (Please don’t laugh at my CSS, as I said this is my first try at it). This is the site in question:

Viewing 6 replies - 1 through 6 (of 6 total)
  • You have several CSS coding errors in your child stylesheet — see this — just look at child stylesheet — second one listed by the validator results:

    Modify the footer.php instead. There you can remove the ‘powered by wp’ thingie or replace it with some other text.

    Hi Wpyogi,

    Thank you so much for introducing me to this tool, nice! Problem is I have no clue what I’m doing so interpreting it is a challenge – sorry to sound like such a dunce.

    I tried to fix what I could, but I don’t seem to have fixed the problem. And while your handy tool is most awesome, with my lack of understanding it’s hard for me to pin-point the issue(s). Like I said this is my first attempt at CSS and I am a total hack 🙁 “Google, how do I do this…. Google, how to I do that” is pretty much how I got here.

    Can you see what else I need to change? Thanks so much for your help!

    H Aneeez,

    Thanks, I may do that eventually if I can’t get it to work after I have figured out all of my CSS errors. Thanks for the tip!



    Forum Moderator

    the closing bracket is missing here:

    body, input, textarea {
    	color: #373737;
    	font: 15px Gudea, "Helvetica Neue", Helvetica, Arial, sans-serif;
    	font-weight: 300;
    	line-height: 1.625;

    this prevents all following styles further down in style.css of your chidl theme to be applied.

    Oh Alchymyth,

    Yes that fixed it! Thank you SO much to you and everyone else for your help!!!! You are most awesome!!!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘How to modify the footer and footer widget of Twenty Eleven’ is closed to new replies.