[Theme: Twenty Twelve] Footer Widgets

I redid it. Ran WP Super Cache. And now it shows everything on my side. I went to my other laptop which is hardly ever used to access https://roundhousetalk.com and it comes up clean. Should be good (?) I hope. Zeaks, just one more thing. How can I change my footer background to color #960014 and my font to white? That should get me done. I am backing up the files tonight so I can have a fresh backup with the new theme. Thanks.

Zeaks, I know I tied you up a lot yesterday, but can you help me on the footer color above? Also, I use PRESS THIS to create posts from external sites. How do you automatically create an excerpt for a post that has something like “Read more” or “Continue reading” with a link to the original article? I tried to register for your site but got hung up in the registration using the username jaydokie.

Zeaks,

Thanks a ton for the code posted above to create the footer widgets.

It all works great. I have one question though.

This line is in the .css snippet:
@media screen and (min-width: 600px) {

And there seems to be a loose curly bracket a few lines below it also.
From this page https://pastebin.com/jQHRzr8R

Are these intended? To me something seems wrong, but I just don’t know enough.

Thanks!

I don’t see anything wrong with it so I think you mean how there’s more than 1 { }

Anything inside the @media screen and (min-width: 600px) { } targets devices or browsers greater than 600px, it needs to have a starting { and an ending } with regular CSS in between so yeah you’ll see double closing brackets. (if that’s what you mean)

@media screen and (min-width: 600px) { <- opening for @media
     .widget { <- opening bracket for widget class
        margin-right: 3.7%;
        width: 30.85%;
    } <- closing bracket for widget class
} <- closing bracket for @media

Twenty Twelve is a mobile first theme, meaning it was designed for mobile devices first, then using media queries designed for desktops and larger screens, so there’s a lot of @media calls.

The .ie conditional classes are not within @media because IE7 and 8 don’t understand media queries.

Hey thanks for explaining. I understand now.

Hi Zeaks

this is exactly what i want to do, but after following your advice to the letter (yes, really) my site went straight to badly formatted text and grey background @_@

this seems to happen when i tweak the child theme too much. Any guesses what i’m doing wrong. In the meantime i deleted functions/footer and took out the css, all back to normal.

thanks ahead

https://www.inspiringleaders.org.uk/

Without seeing it and viewing your code, it’s impossible to tell what was wrong. It could be something as simple as a missing close tag.

I created a post about this last night, try it out, if you’re having trouble feel free to leave a comment. https://zeaks.org/tutorials/twenty-twelve-footer-widgets-tutorial/

This thread is getting a bit crazy guys, please can you create your own threads for your support with your own issues.

@zeaks,

thank you. my impatience to solve, i found this post

https://mywordpress.sterndata.com/2012/10/new-theme-twenty-twelve/

which solved it great. thanks so much for replying with more info.

@andrew

sorry Andrew, not quite up on the thread etiquette yet. I wish there was a way to search within a specific plugin support forum. (maybe there is and i don’t know it yet)!