Nom Nom /Twenty Eleven: Separate Attributes for Footer Widgets

  • Resolved galcy

    (@galcy)


    11 years, 6 months ago

    Hi all,

    I am using the Nom Nom theme, which is based on Twenty Eleven.

    I am just trying to get my layout right as a first step and I am really struggling trying to solve my current problem. I have tried every CSS fix that I have found for similar (though not identical) queries, but nothing has worked.

    It should be simple. All I want is to be able to assign different attributes to my two widgets in my footer, starting with width.

    I have found the code for changing the attributes together:

    #supplementary.two .widget-area {
	float: left;
	margin-right: 0%;
	width: 45%;
}

    Based on my searches, I have tried:

    #supplementary.first .widget-area {
	float: left;
	margin-right: 0%;
	width: 35%;
}

#supplementary.second .widget-area {
	float: right;
	margin-right: 0%;
	width: 50%;
}

    … as well as variations on the same, but so far no luck…

    Will be very grateful to the person who cracks this for me.

    Thank you!

    Oh – site is kololeh.com. Note this is very early development phase ??

Viewing 1 replies (of 1 total)
  • Thread Starter galcy

    (@galcy)

    Update!

    I fixed it! Oh the joys of Chrome Inspect Element plus some more googling.

    This is what did it:

    #supplementary.two .widget-area {
 /* Override styles here */
}

#first.widget-area {
	float: left !important;
	margin-right: 0% !important;
	width: 42% !important;
}

#second.widget-area {
	float: right;
	margin-right: 0%;
	width: 55% !important;
}

    Something in there might be superfluous but I was so happy to finally do it that I wasn’t going to mess with it again.

Viewing 1 replies (of 1 total)
  • The topic ‘Nom Nom /Twenty Eleven: Separate Attributes for Footer Widgets’ is closed to new replies.