Set footer width in wp-folio

Try the ‘Footer Center’ widget

Ahh, but I have two separate widgets that need to be placed side by side. My client has one on the right footer, one on the left. One is a text widget, though. Perhaps there is a sidebar that will allow for parallel widgets on a footer?

From the CSS it looks like they should align perfectly. Unfortunately, that’s usually not how it works apparently, lol.

S’alright, I think it has to do with the Margins. Does anyone know how to override margins in pages?

EDIT: I do not have a full width template on my theme for some reason…

Not sure I understand what you’re trying to do – the right/left widget areas in WPFolio each take up half the footer, and the center one allows the whole footer for a widget.

What is your other widget? If it’s a list, it will be aligned to the outside of the container and won’t be centered. Maybe that’s what’s going on? Try changing text-align and padding in the .footer selectors.

Well, the posts without the margins are aligning perfectly.

The pages with margins are resulting in pure unadulterated evil. Or at least they are messing with the layout. The footer is going full width on those pages.

Wide margins only apply to the content area and can be overridden in Page Attributes under Template, and select Full Width Page. Your using WPFolio 1.7 right?

Actually, I’m on 1.6.5, shoulda checked that I suppose.

I still don’t get why the footer is browser width on pages, but the width of the content panel on the posts…

link to your site?

you might have some broken html in the post or page template (or content)

check with the https://validator.w3.org/

https://sparrowintheroom.org/blog/

Passed the validator.

what content are you actually talking about?

there is a div #content, and the width of this is the same as the width of the footer.

or are you talking about the width of the text in the center, for instance in the ‘about’ page?
(which seems to be quite different depending on the page)

then try to add styles, such as:

.footer {width:600px; margin-left:auto; margin-right:auto; }
.footer .left, .footer .right { width: 200px; }

adjust the numbers;

you can individualize these by adding the body_class to the styles;
for instance for the ‘about’ page:

.page-id-4 .footer {width:600px; margin-left:auto; margin-right:auto; }
.page-id-4 .footer .left, .page-id-4 .footer .right { width: 200px; }

Sorry, I updated the theme, we just need to reset the Child theme CSS now. Thanks. Is there a way to make a clickable header icon in the functions.php file, btw?

OK, well the CSS is now straightened out for the footer aligning one way, but now the widgets are not aligning properly in the footer. Oye. I think I’m just going to have to set it up as a table.

In your child theme css, find line ~565 to 575.

Replace those lines with this:

.footer .left{
float: left;
padding-right: 10px;
width: 400px;
}
.footer .right{
float: right;
text-align: right;
padding-left: 10px;
width: 400px;
}

All I did was reduce the width from 440px to 400px. Not too complicated.

I don’t know why your child theme has over 680 lines of code. All you need to do is import the current stylesheet – see link at around line 18 and make sure the link is correct. Then, any code just overrides the parent theme. You only have to list changes. Read up on child themes.

You said you RTFM… read closer…

Listen. I don’t want to start a flame war over the WordPress forums. That’s not a good use of either of our valuable times. The reason why my child theme has 680 lines of code is because I am not the original designer. Rather than go through two CSS docs to find the differences with a fine-toothed comb, I figured it would be alright to leave it as it was and make my changes from there. I’m not too fond of reinventing wheels. And I also figured it would be alright to ask the theme’s original developer why the pages closed their containers properly while the posts didn’t. Is that in your F***** Manual? Or is it something the original designer did?