How to modify the footer and footer widget of Twenty Eleven

  • Resolved GnosticGirl

    (@gnosticgirl)


    11 years, 10 months ago

    Hi,

    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/

Viewing 6 replies - 1 through 6 (of 6 total)
  • WPyogi

    (@wpyogi)

    11 years, 10 months 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:

    http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.esotericwisdom.cu.cc%2F&profile=css3&usermedium=all&warning=1&vextwarning=&lang=en

    aneeez

    (@aneeez)

    11 years, 10 months ago

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

    Thread Starter GnosticGirl

    (@gnosticgirl)

    11 years, 10 months 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!

    Thread Starter GnosticGirl

    (@gnosticgirl)

    11 years, 10 months 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!

    Michael

    (@alchymyth)

    11 years, 10 months 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.

    Thread Starter GnosticGirl

    (@gnosticgirl)

    11 years, 10 months ago

    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.