[Resolved] Footer Bar Copyright

[cpalo]

In the Documentation :Footer Bar Alignment
By default, there’s 3 different position for the footer bar – left, center and right.
You can choose your alignment in Customize > Layout > Footer.

But I have not this in Customize > Layout > Footer.

[Ying]

Hi there,

Can you make sure you have content added in footer bar (the default copyright area) not footer?
https://www.screencast.com/t/ODFcRNGDYM

There is no footer widget alignment options in the customizer but we can help with some CSS if needed 🙂

[cpalo]

Yes I put that well and it works well.
But my question was in relation to the Generate Press documentation where it is written:
In the Documentation :Footer Bar Alignment
By default, there’s 3 different position for the footer bar – left, center and right.
You can choose your alignment in Customize > Layout > Footer.

[Ying]

This option only shows up when there’s content in the footer bar.

Any chance you can link us to the site in question?

You can use the private information field.

Let me know 🙂

[cpalo]

And How can we customize the menu in the Footer Bar?

http://generatepress.simplepress.fr/

[Elvin]

And How can we customize the menu in the Footer Bar?

Can you specify how you want to customize it?

By the way, the menu doesn’t seem to be inside the Footer bar.

Footer bar is different from Footer Widget area 1-5. The menu seems to be placed in Footer Widget Area 1.

[cpalo]

For the menu I want:
– that it is horizontal
– with a vertical separator between each item
– that it is centered above the copyright
– change the color of the links
And indeed it would be better if he was in the Footer Bar

[Elvin]

You’ll have to move the widget to the Footer Bar Widget area instead of Footer Widget 1.

You then add this CSS:

ul#menu-footer-menu {
    display: flex;
    justify-content: center;
}

ul#menu-footer-menu > li.menu-item:not(:last-child):after {
    margin: 0 10px;
    content: "|";
}

content: "|"; property is the separator. Replace | with your preferred character.

[cpalo]

I just put the menu in the footer bar.
But it is to the right of the copyright and not centered above.
Likewise how can we reduce the spacing between menu sitems. I tried changing the padding or margin in the css but it didn’t help.

[Elvin]

Try adding this:

.inside-site-info.grid-container {
    flex-direction: column-reverse;
}

.copyright-bar {
    margin-left: auto;
    margin-right: auto;
}

.footer-bar .widget_nav_menu li {
    margin: 0;
    padding: 0;
}

This is how it would look like – https://share.getcloudapp.com/kpuNzAxl

[cpalo]

This is how it would look like – https://share.getcloudapp.com/kpuNzAxl
Yes it is that I wish to have .

It’s OK . Thanks

[Elvin]

No problem. 🙂

[cpalo]

Too fast!!
It’s no good when this is the mode mobile

[Elvin]

Too fast!!
It’s no good when this is the mode mobile

Can you explain a bit more about it?

If its the copyright bar alignment, you should be able to fix it through Appearance > Customize > Layout > Footer and set the Footer Bar Alignment to “Center” and remove this CSS:

.inside-site-info.grid-container {
    flex-direction: column-reverse;
}

[cpalo]

Super! it’s OK

[Author]

Posts