[Resolved] how to align footer widget – custom menu

[Steve Cronin]

I have a 3 footer widgets
the right most is right aligned social.
the center and left are both one line menus
these 2 menus align left by default
this ends up looking unbalanced.

How can I center or right align these two footer widgets?

BTW: Have the full GP; customCSS; and social — kickball stuff man – be proud!!

[Steve Cronin]

the Typography widget should add a copyright handler

when I use Typography to change the widgetTitles the footer widget don’t seem to pick up any changes…..

[Tom]

Hi there,

It depends on how your menus are set up.

Do you have a link for your website so I can see?

The “widget titles” Typography option handles both sidebar and footer widget titles.

As for the copyright area – I agree I need to at least add a size option in there – will look into doing that for the next version.

Let me know 🙂

[Steve Cronin]

As I have come to later understand, what I am concerned with are the displayed widget links – not their titles. (my bad)

Since you have a Background Image handler for both the Footer Widget Are and the Footer Area I was expecting similar handlers for these in Typography… and there’s no ‘Footer’ anything there…

Thanks for the quick turn around!

Here’s a look: (link sent separately)

[Steve Cronin]

link: http://www.wordaux.com/share/footerImage.png

[Tom]

You could add some CSS like this:

.footer-widget-2 {
      text-align: center;
}

You can do this with either “left”, “center” or right”, and simply change footer-widget-2 to whichever footer widget you want to target.

[Steve Cronin]

css does a good neat trick.. I like your style – thanks!!

[Tom]

You’re welcome 🙂

[Bob]

Hi there

I used this technique to make the right-sidebar and footer widgets centre align when max of 768px, but then the text in the main body container (separate containers) also went centre… but I want that text in the main body to stay as it is, i.e. left-aligned. I haven’t use the separate container functionality, just the standard.

My CSS in the child theme is

@media screen and (max-width: 768px) {
.footer-widget-1 {
      text-align: center;
}
.footer-widget-2 {
      text-align: center;
}
.footer-widget-3 {
      text-align: center;
}
 .right-sidebar {
      text-align: center;
}
}

Any ideas?

Best, Bob

[Tom]

Hmm, can’t see anything there that would center align your main content.

Your content goes back to left aligned when you remove the above code?

Can you possibly link me to your site?

Thanks!

[Author]

Posts