[resolved] How to modify the footer and footer widget of Twenty Eleven (7 posts)

  1. GnosticGirl
    Posted 4 years ago #


    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: http://www.esotericwisdom.cu.cc/

  2. WPyogi
    Forum Moderator
    Posted 4 years ago #

    You have several CSS coding errors in your child stylesheet -- see this -- just look at child stylesheet -- second one listed by the validator results:


  3. aneeez
    Posted 4 years ago #

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

  4. GnosticGirl
    Posted 4 years ago #

    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!

  5. GnosticGirl
    Posted 4 years ago #

    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!

  6. Michael
    Forum Moderator
    Posted 4 years ago #

    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.

  7. GnosticGirl
    Posted 4 years ago #

    Oh Alchymyth,

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

Topic Closed

This topic has been closed to new replies.

About this Topic